表单标签学习

最新推荐文章于 2024-11-13 20:41:35 发布

妧徽

最新推荐文章于 2024-11-13 20:41:35 发布

阅读量95

点赞数 3

文章标签：学习 html5

本文链接：https://blog.csdn.net/woiyuan/article/details/137374473

版权

本文详细介绍了HTML中的各种表单元素，包括文本输入框（text,placeholder）、密码输入（password）、单选按钮（radio）、复选框（checkbox）、重置和提交按钮，以及下拉选择(select)。

摘要由CSDN通过智能技术生成

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>表单标题</title>
	</head>
	<body>
		<!-- 表单标签：
		 1.表单域：from标签包含的区域
		 2.表单标签：输入input、选择select、文本域textarea
		 3.提示信息：文本 -->
	<from>
		<!-- input输入 -->
		<!-- type：类型 -->
		<!-- text：文本，明文 -->
		<!-- placeholder：占位符 -->
		<span>用户名</span>
		<input type="text" placeho="请输入6~8个字符"/>
		<br />
		<!-- passward：密码，掩码 -->
		<span>密码：</span>
		<input type="passward" 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="chenkbox" name="个性化"/>
		<span>懒</span>
		<input type="checkbox" name="个性化"/>
		<span>深夜emo</span>
		<input type="checkbox" name="个性化"/>
		<span>深情</span>
		<br />
		<!-- reset：重置 -->
		<!-- submit：提交 -->
		<input type="reset"/>
		<input type="submit" value="注册"/>
		<br />
		<span>选课</span>
		<select>
			<!-- 下拉选择 -->
			<option>大学英语</option>
			<option>高数</option>
			<option>前端</option>
			<!-- option：选项 -->
		</select>
		
	</body>
</html>