HTML笔记_第三章表单_html第三章表单总结笔记-优快云博客

本文链接：https://blog.youkuaiyun.com/SSD_xf/article/details/125113207

本文主要介绍了HTML中的表单，包括表单的定义及其在登录注册、数据调查等场景中的应用。详细讲解了表单的<form>标签，其属性如action和method，分别用于指定提交地址和数据提交方式，包括GET和POST两种方式的优缺点。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

第三章表单

一、定义

1.表单：具备提交数据结服务器的标签

格式：<form 属性> 数据

场景：1.登录注册

2.QPA数据调查

3.订单提交

4.游戏交互

属性：actiong 提交地址 url 对应网页的名称即可

method 提交方式取值：

get 明文提交只能够提交不超过2kb数据，会将所有提交的数据全部展示在url地址栏，传输速度快，不安全

post匿名提交数据都会隐藏，不会展示在url地址中，提交的数据没有上限，传输速度慢，安全

二、表单标签

input 普通文本框

属性	type="text"	普通文本框

			type="password" 密码文本框

			type="submit"	提交按钮

			type= "reset"	复位按钮

			type= "date"	日期框

			type="number" 数字框

			type="raido"	单选框

			name="名称"	value="值"	checked 默认选中

1、普通文本框<input type="text">姓名	账号	文本信息

2、密码文本框<input type="password">密码

3、按钮：

		普通按钮<input	type="burron">点击 value="按钮值"

		重置按钮<input	type="reset">清空所有按钮

		提交按钮<input type="submit">将表单中的所有数据提交给指定的服务器

		图片按钮<input type="image">带有图片的提交按钮

4、特殊字符

&nbsp ;2-4px 空格

&yan ; 人民币&yen;

&copy ; 版权

5、日期文本框	<input type="date">

6、数字文本框<input	type="number">

7、邮箱文本框<input type="email">

8、单选按钮	<input	type="redio" name="名称"	value="值">

	场景：多性选其一

	重要属性：checked	默认选中

9、多选按钮	<input type="checkbox" name = "名称"	value="值">

	场景：可以选择多个 <=0个

10、下拉框	结构<select name="名称">

									<option value="值">选项一</option>

									<option value="值">选项二</option>

								</select>

		场景：多者选其一