本文详细介绍了HTML中的表单标签、表单域（如<form>）、控件（input[type=text],radio,checkbox,select,textarea等）以及它们的使用，包括提示信息、按钮、重置和提交功能。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>表单标签</title>
</head>
<body>
<!--
表单标签：
1.表单域：form
2.表单控件:输入 选择 文本域
3.提示信息：提示文本
input:输入
type：类型
text：文本
-->
<form>
<span>用户名： </span><input type="text" placeholder="请输入6-8个字符" />
<br />
<span>密码：</span> <input type="password" placeholder="请输入密码" />
<br />
<span>性别：</span><input type="radio" name="sex" /><span>男</span>
<input type="radio" name="sex" /><span>女</span>
<input type="radio" name="sex" /><span>其他</span>
<span>个性化标签：</span><input type="checkbox" name="gxh" /><span>潮男潮女</span>
<input type="checkbox" name="gxh" /><span>文艺</span>
<input type="checkbox" name="gxh" /><span>深夜发癫</span>
<br/>
<!-- button：按钮
value：值-->
<input type="text" placeholder="请输入验证码"/>
<input type="button" value="点击发送验证码"/>
<br/>
<!-- reset:重置 点击按钮清空表单域中填入的内容 -->
<input type="reset"/>
<!-- submit：提交 -->
<input type="submit"/>
<hr />
<select>
<option>大学语文</option>
<option>前端</option>
<option>高数</option>
</select>
<hr />
<span>描述:</span>
<textarea></textarea>
<!-- textarea:收集用户输入 文本编辑 展示多行文本 -->
</form>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
