<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title>表单标签</title>
</head>
<body>
<!-- 表单标签:
1.表单域:form标签包含的区域
2.表单标签:输入,选择,文本域
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="sex"/><span>男</span>
<input type="radio" name="sex" /><span>女</span>
<input type="radio" name="sex"/><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 />
<!-- rest:重置 -->
<!-- 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-05-10 12:50:39 首次发布