<!DOCTYPE html>
<html>
<head>
<meta http-equiv="content-type" charset="UTF8"></meta><!-- 指定编码-->
<meta name="keyword" content="测试"></meta><!-- 关键字检索-->
<meta name="description" content="form"></meta><!-- 浏览器显示的描述-->
<!--<meta http-equiv="Refresh" content="20;URL=https://www.sina.com.cn"></meta>--><!-- 20s后刷新，跳转到sina-->
<title>标题</title>
<link rel="apple-touch-icon" href="https//i3.sinaimg.cn/home/2013/0331/U586P30DT20130331093840.png"><!-- 标题显示的图标-->
</head>
<body>
<div id="top">顶部</div>
<!-- 上传文件需要加enctype="multipart/form-data"-->
<form action="http://127.0.0.1:8080:index" method="get" enctype="multipart/form-data">
<!-- action提交给服务端的路径;method为提交方式-->
<h1>注册</h1>
<!-- input标签需要配合form表单使用，name属性为传递给服务器的key--> <!-- 文本输入-->
<p>用户名<input type="text" name="username" placeholder="请输入用户名"></input></p>
<!-- 密码-->
<p>密 码<input type="password" name="passwd" placeholder="请输入密码"></input></p>
<!-- 多选框，checked 默认选中，disabled不让input，readonly只读-->
<p>选 择： 音乐<input type="checkbox" name="hobby" checked></input>电影<input type="checkbox"
name="hobby"></input></p>
<!-- 单选框，不加name属性，单选无效-->
<p>性 别： 女<input type="radio" name="gender"></input>男<input type="radio" name="gender"></input></p>
<p><input type="button" value="注册"></input></p> <!-- 点击无事件，需要配合js使用-->
<p><input type="submit" value="提交注册"></input></p> <!-- 附带点击事件，默认显示提交-->
<p><input type="reset"></input></p> <!-- 重置-->
<p><input type="color"></input></p> <!-- 颜色-->
<p><input type="datetime-local"></input></p> <!-- 日期-->
<p><input type="email"></input></p> <!-- 邮箱-->
<p><input type="file" name="put_files"></input></p> <!-- 选择文件 需要以post方式提交数据-->
<p>注：checked 默认选中，disabled不让input使用，readonly只读</p>
<!-- multiple 为多选； size最多显示的个数 ；selected默认选中-->
<p>籍 贯<select name="provice">
<optgroup label="一线">一线
<option value="beijing" selected>北京</option>
<option value="shanghai">上海</option>
<option value="guangzhou">广州</option>
</optgroup>
<optgroup label="二线">二线
<option value="beijing" selected>武汉</option>
<option value="shanghai">成都</option>
<option value="guangzhou">重庆</option>
</optgroup>
</select></p>
<p>简介<textarea name="desc" role="10" cols="15">好好学习，天天向上</textarea></p>
</form>
<a href="#top">回到顶部</a> <!--#和id唯一对应-->
</body>
</html>
网友评论