<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>表单</title>
</head>
<body><!-- 表单 -->
<form action="https://www.baidu.com/">
<p>
用户:<input type="text" value="dahua" maxlength="10" >
</p>
<p>
密码:<input type="password" maxlength="10">
</p>
<p>
性别：<!-- 单选框同一组互相排斥 设置默认选中-->
<input type="radio" name="sex" checked>男
<input type="radio" name="sex">女
</p>
<p><!-- 多选框 -->
<input type="checkbox" checked="checked"> 音乐
<input type="checkbox"> 打球
<input type="checkbox"> 看书
</p>
<!-- 文件框 -->
<p>
头像：<input type="file">
</p>
<!-- 隐藏框 -->
<p>
<input type="hidden" value="abc">
</p>
<!-- 按钮 -->
<p>
<input type="submit" value="注册">
<input type="reset" value="重置">
<input type="button" value="通过js定义其他功能">
</p>
<!-- label:用来管理表单中的文本,可以将文本与控件版定在一起，从而
增加控件的受力面积 id元素的唯一标示-->
<p>
<input type="checkbox" id="c1">
<label for="c1"> 我已阅读并自愿遵守规则 </label>
</p>
<p><!-- 选择框select 下拉选 -->
城市：
<select>
<option>请选择</option>
<option>北京</option>
<!-- 默认 -->
<option selected>上海</option>
<option>广州</option>
<option>深圳</option>
<option>杭州</option>
</select>
</p>
<p><!-- 文本域 -->
简介
<textarea rows="5" cols="30">这是文本域的默认值</textarea>
</p>
</form>
</body>
</html>