<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>表单标签</title>
</head>
<body>
<!--
表单标签：
1.表单域：form标签包含的区域
2.表单标签：输入input，选择select，文本域textarea
3.提示信息：span
-->
<form>
<!-- type:text 明文显示文本 -->
<!-- placeholder：占位符 -->
<span>用户名：</span><input type="text" placeholder="请输入6~8个字符" />
<br>
<!-- type:password 密码显示 -->
<span>密码：</span><input type="password" placeholder="请输入6~8个字符" />
<br>
<!-- 单选：type=radio, 必须赋相同的name才能实现单选-->
<span>性别：</span><input type="radio" name="sex" /><span>男</span>
<input type="radio" name="sex" /><span>女</span>
<input type="radio" name="sex" /><span>其他</span>
<br>
<span>身份：</span><input type="radio" name="sf" /><span>教师</span>
<input type="radio" name="sf" /><span>学生</span>
<input type="radio" name="sf" /><span>行政人员</span>
<br>
<!-- 复选框：type="checkbox" -->
<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>
<br />
<span>上传文件：</span><input type="file" /> <!-- file:文件 -->
<br />
<span>日期选择：</span><input type="date" /> <!-- date:日期 -->
<br />
<!-- 普通按钮:button -->
<input type="text" placeholder="请输入验证码" />
<input type="button" value="点击发送验证码"/> <!-- button：按钮--> <!-- value：值 -->
<br>
<input type="reset" /> <!-- reset:重置 -->
<input type="submit" value="注册" /> <!-- submit:提交 -->
<br />
<span>选课：</span>
<select> <!-- 选择 -->
<option>大学英语</option> <!-- 选项 -->
<option>计算机网络</option>
<option>高数</option>
</select>
<br>
<span>描述：</span>
<textarea></textarea> <!-- 文本域 -->
</form>
</body>
</html>
HBuier x表单标签
最新推荐文章于 2024-07-20 18:16:53 发布
3581
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
