核心提示：!DOCTYPE htmlhtmlheadmeta charset=utf-8titledevZhang_html-form/title/head!--form表单是一个包含表单元素的区域，包括inp...
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>devZhang_html-form</title>
</head>
<!--
form表单是一个包含表单元素的区域，包括input、textarea、select、button类型。
input的类型包括：
1 text,password文本输入
2 radio单选
3 checkbox多选，即复选框
4 submit,button,reset按钮
-->
<body>
<p>文本域，写入文本内容（默认20个字符）</p>
<form action="">
<fieldset> <!-- 设置边框 -->
<legend>用户登录</legend>
<!-- 文本写入，即单选输入 -->
帐号:<input type="text" name="account" size="100" value="devZhang"><br>
密码:<input type="password" name="password" size="80"><br>
<!-- 按钮 -->
<br>
<input type="submit" name="login" value="登录"><br>
<input type="reset" name="reset" value="重置"><br>
<input type="button" name="forget" value="忘记密码"><br>
</fieldset>
<!-- 单选 -->
<br>
性别:
<input type="radio" name="sex" value="女">女<br>
<input type="radio" name="sex" value="男">男<br>
<!-- 复选 -->
<br>
兴趣:
<input type="checkbox" name="favori" value="足球">足球<br>
<input type="checkbox" name="favori" value="篮球">篮球<br>
<input type="checkbox" name="favori" value="游泳">游泳<br>
<input type="checkbox" name="favori" value="爬山">爬山<br>
<input type="checkbox" name="favori" value="徒步">徒步<br>
<input type="checkbox" name="favori" value="看电影">看电影<br>
<!-- 文本域 -->
<br>
<p>文本域，即多行输入</p>
<textarea rows="10" cols="50">
我是一个多行输入文本框
</textarea>
<!-- 下拉选择 -->
<br>
<p>下拉选择</p>
<select name="请选择">
<option value="小汽车" selected>小汽车</option>
<option value="面包车">面包车</option>
<option value="摩托车">摩托车</option>
<option value="越野车">越野车</option>
<option value="商务车">商务车</option>
</select>
<!-- 按钮 -->
<br><br>
<button type="button" onclick="">按钮</button>
</form>
</body>
</html>
