<!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>
HTML_表单
原文地址：http://www.cnblogs.com/Bighua123/p/7580480.html