上课笔记

QvQ.LiYan

于 2021-03-02 10:21:53 发布

阅读量61

点赞数 3

分类专栏：上课笔记

本文链接：https://blog.csdn.net/m0_55439303/article/details/114278156

版权

上课笔记专栏收录该内容

12 篇文章 0 订阅

订阅专栏

表单标签：收集用户信息.包括<form></form>表单域、标签控件、提示信息
表单控件：输入控件、下拉列表、文本域
输入控件：<input>

input: 输入
type：类型
text：文本
password：密码
radio：广播
name：名字
checkbox：复选框
submit:提交
reset：重置
action：动作
button：按钮
value:值、价值

用户名：<input type="text">
密码：<input type="password">
选项：<input type="radio"
只能选择一个选项，加入相同的名字即可：
<input type="radio"name="xingbie"/> <input type="radio"name="xingbie"/>
多选项代码：<input type="checkbox">
提交：<input type="submit"/>
重置按钮：<input type="reset"/>
自定义按钮代码：<input type="button" value="自定义"/>
下拉列表：
<select>
<optgroup value="自定义" label="北京">
<option>自定义选项</option>
<option>自定义选项</option>
<option>自定义选项</option>
</optgroup>
<optgroup value="自定义" label="上海">
<option>自定义选项</option>
<option>自定义选项</option>
<option>自定义选项</option>
</optgroup>
<select />
文本域：
<textarea>留言区</textarea>
如图：在这里插入图片描述

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>2021.3.2</title>
	</head>
	<body>
		<!-- 表单标签：收集用户信息.包括<form></form>表单域、标签控件、提示信息 -->
		<form>
			<!-- 表单控件：输入控件、下拉列表、文本域 -->
			<!-- 输入控件：<input> -->
			用户名：<input type="text">
			<br>密码：<input type="password">
			<br />性别：<input type="radio"name="xingbie"/>男<input type="radio"name="xingbie"/>女
			<br />爱好：<input type="checkbox"/> 唱 <input type="checkbox"/> 跳 <input type="checkbox"/> rap <input type="checkbox"/> 篮球
			<br /><input type="submit"/> <input type="reset"/>
            <!-- <form action="test.php" method="get"> -->
			<input type="button" value="发送验证码"/>
			<!-- 下拉列表： -->
			籍贯：<select>
			 <optgroup value="自定义" label="自定义分组">
			     <option>自定义选项</option>	
			     <option>自定义选项</option>
			     <option>自定义选项</option>
			 </optgroup>
			  <optgroup value="自定义" label="自定义分组">
			 	 <option>自定义选项</option>
			 	 <option>自定义选项</option>
				 <option>自定义选项</option>
			  </optgroup>
			<select />
			<!-- 文本域 -->
			<br />留言：<textarea></textarea>
 		</form>	
		
	</body>
</html
```
源代码

QvQ.LiYan

关注

3
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
上课笔记

表单标签：收集用户信息.包括<form></form>表单域、标签控件、提示信息表单控件：输入控件、下拉列表、文本域输入控件：<input>input: 输入type：类型text：文本password：密码radio：广播name：名字checkbox：复选框submit:提交reset：重置action：动作button：按钮value:值、价值用户名：<input type="text">密码：<input type
复制链接

扫一扫