HTML 表单标签之表单控件
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单的例子-注册</title>
</head>
<body>
<form action="" method="post">
<p>
用户名:
<input type="text" name="username" placeholder="用户名由6-20个字符构成" maxlength="20" required="required"/>
</p>
<p>
密码:
<input type="password" name="password1" required="required"/>
</p>
<p>
确认密码:
<input type="password" name="password2" required="required"/>
</p>
<p>
性别：
<input type="radio" name="sex" value="1" checked="男"/>男
<input type="radio" name="sex"value="0"/>女
</p>
<p>
爱好：
<input type="checkbox"name="fav" value="阅读"/>阅读
<input type="checkbox"name="fav" value="美食"/>美食
<input type="checkbox"name="fav" value="旅游"/>旅游
<input type="checkbox"name="fav" value="运动"/>运动
</p>
<p>
省份：
<select name="province">
<option value="111" selected="背景">北京</option>
<option value="112">天津</option>
<option value="113">上海</option>
<option value="114">重庆</option>
<option value="115">南京</option>
</select>
</p>
<p>
生日：
<input type="date" name="birthday" id="" value="" />
</p>
<p>
邮箱：
<input type="email" name="email" id="" value="" />
</p>
<p>
自我介绍：
<textarea rows="10" cols="30" name="introduction"></textarea>
</p>
<p>
<input type="submit" value="确认注册"/>
<input type="reset" value="重置"/>
</p>
</form>
</body>
</html>
用户名类型text；密码类型password；性别类型radio，表示互斥；爱好类型checkbox，表示多个复选框；生日类型date；邮箱类型email；确定注册类型submit；重置类型reset
以上使用input
还有几个特殊的类型，如省份的下拉菜单，类型是select，子菜单option
自我介绍使用textarea，行是rows，列是cols
当向服务器提交数据时，是以键值对的形式提交，键就是name属性，值就是value属性，不可为空，不然服务器获取不到数据
