<!DOCTYPE html>
<html>
<head>
<title>表单</title>
</head>
<body>
<h1>注册表单</h1>
<!--action表单提交地址,如果为空,则提交给当前页面-->
<!--method表单提交方式,默认get-->
<form action="" method="post">
<div> <!--P标签 段落分割-->
<!--点击label激活控件 for id-->
<label for="username">用户名:</label> <!--标签 为表单元素定义文字标注-->
<input type="text" name="username" id="username"/> <!--控件 定义通用的表单元素-->
</div>
<br/>
<div> <!--div标签 一块内容-->
<label for="password">密 码:</label>
<input type="password" name="password" id="password">
</div>
<br/>
<div>
<label>性 别:</label>
<!--radio 单选框 gender 定义排他性名称-->
<input type="radio" name="gender" value="0" id="male"><label for="male">男</label>
<input type="radio" name="gender" value="1" id="female"><label for="female">女</label>
<input type="radio" name="gender" value="9">未知
</div>
<br/>
<div>
<label>爱 好:</label>
<input type="checkbox" name="like" value="study"> 学习
<input type="checkbox" name="like" value="Shopping"> 逛街
<input type="checkbox" name="like" value="programming"> 编程
<input type="checkbox" name="like" value="frontend"> 前端
</div>
<br/>
<div>
<label>照 片:</label>
<input type="file" name="image"> <!--type单行文本输入框-->
</div>
<br/>
<div>
<label>个人介绍:</label>
<textarea name="introduce"></textarea> <!--多行文本输入框-->
</div>
<br/>
<div>
<label>籍 贯:</label>
<select name="site"> <!--select筛选框-->
<option value="0">北京</option>
<option value="1">上海</option>
<option value="2">深圳</option>
<option value="3">广州</option>
<option value="4">杭州</option>
<option value="5">苏州</option>
</select>
</div>
<br/>
<div>
<input type="submit" name="" value="提交">
<input type="reset" name="" value="重置">
</div>
<br/>
<!--图片控件代替submit按钮提交,一般会导致提交两次,不建议使用-->
<div>
<input type="image" src="images/007.jpg" name="" value="图片提交按钮">
</div>
<br/>
<!--定义一个隐藏的表单域,用来存储值-->
<div>
<input type="hidden" name="hid01" value="12">
</div>
</form>
</body>
</html>