!DOCTYPE html>
<html>
<head>
<meta charset=";utf-8"; />
<title>表单标签</title>
</head>
<body>
<!--
表单标签:
1.表单域:form标签包含的区域
2.表单标签:输入input、选择select、文本域textarea
3.提示信息:文本
-->
<form>
<!-- input:输入 -->
<!-- type:类型 -->
<!-- text:文本,明文 -->
<!-- placeholder:占位符 -->
<span>用户名:</span><input type=";text"; placeholder=";请输入6~8个字符"; />
<br />
<!-- password:密码,掩码 -->
<span>密码:</span><input type=";password"; placeholder=";请输入密码"; />
<br />
<!-- radio: 单选 -->
<span>性别:</span><input type=";radio"; name=";xb"; /><span>男</span>
<input type=";radio"; name=";xb"; /><span>女</span>
<input type=";radio"; name=";xb"; /><span>其他</span>
<br />
<!-- chenkbox:复选框 -->
<span>个性化定制:</span><input type=";checkbox"; name=";gxh"; /><span>懒</span>
<input type=";checkbox"; name=";gxh"; /><span>深夜emo</span>
<input type=";checkbox"; name=";gxh"; /><span>深情</span>
<br />
<!-- button:按钮 -->
<input type=";text"; placeholder=";请输入验证码"; />
<input type=";button"; value=";点击发送验证码"; />
<br />
<!-- reset:重置 --> <!-- submit:提交 -->
<input type=";reset"; />
<input type=";submit"; value=";注册"; />
<br />
<span>选课:</span>
<select> <!-- 下拉选择 -->
<option>大学英语</option> <!-- 选项 -->
<option>高数</option>
<option>前端</option>
</select>
<br />
<span>描述:</span>
<textarea></textarea> <!-- 文本域 -->
</form>
</body>
</html>
表单标签格式
最新推荐文章于 2024-09-10 16:44:52 发布