个人主页：学习前端的小z 个人专栏：HTML5和 文章目录 HTML 表单1 什么是表单2 表单的组成3 表单域4 表单控件(表单元素)4.1 input输入表单元素4.2 label 标签4.3 select下拉表单元素4.4 textarea 文本域元素 HTML 表单 注册用户，需要填写的表单： 1 什么是表单 表单就是用来收集用户的信息。 在我们网页中， 我们也需要跟用户进行交互，收集用户资料，此时就需要表单。 2 表单的组成 在 HTML 中，一个完整的表单通常由表单域、表单控件（也称为表单元素）和提示信息3个部分构成。 3 表单域 表单域是一个包含表单元素的区域。 在 HTML 标签中，
常用属性：
action：在表单收集到信息后，需要将信息传递给服务器进行处理，action 属性用于指定接收并处理表单数据的服务器程序的 url 地址。method：用于设置表单数据的提交方式，其取值为 get 或 post。name：用于指定表单的名称，以区分同一个页面中的多个表单。
4 表单控件(表单元素)
在表单域中可以定义各种表单元素，这些表单元素就是允许用户在表单中输入或者选择的内容控件。
4.1 input输入表单元素
在英文单词中，input 是输入的意思，而在表单元素中 标签用于收集用户信息。
在 标签中，包含一个 type 属性，根据不同的 type 属性值，输入字段拥有很多种形式（可以是文本字段、复选框、掩码后的文本控件、单选按钮、按钮等）。
标签为单标签。
type 属性设置不同的属性值用来指定不同的控件类型。
type 属性的属性值及其描述如下：
常用类型属性描述补充text单行文本输入框明文password密码输入框密文radio单选按钮单选file输入字段和 "浏览"按钮，供文件上传。multiple 属性可以开启多文件选择checkbox复选框多选submit提交按钮提交按钮会把表单数据发送到服务器button普通按钮多数情况下，用于通过 js 联动reset重置按钮重置按钮会清除表单中的所有数据image图像形式的提交按钮。自定义按钮 用的少hidden隐藏的输入文本输入不显示 防止窥屏
除 type 属性外，标签还有其他很多属性，其常用属性如下：
常用属性属性值描述type见下表控制 input 的类型name自定义控件名称 作为提交数据时的 keyvalue自定义或输入input 控件中的默认或用户输入的文本size正整数input 在页面中的显示宽度checkedchecked定义选择控件默认被选中的项maxlength正整数规定控件容许输入的最大字符数placeholder文本用户输入提示文本multiplemultiple文件上传可选多文件
其中：
name 和value 是每个表单元素都有的属性值,主要给后台人员使用。name 表单元素的名字, 要求单选按钮和复选框要有相同的name值。checked属性主要针对于单选按钮和复选框, 主要作用一打开页面,就要可以默认选中某个表单元素。maxlength 是用户可以在表单元素输入的最大字符数, 一般较少使用。
1、【问题】有些表单元素想刚打开页面就默认显示几个文字怎么做？
用户名:
2、【问题】页面中的表单元素很多，如何区别不同的表单元素？
答：用 name 属性，当前 input 表单的名字，后台可以通过这个 name 属性找到这个表单。页面中的表单很多，name 的主要作用就是用于区别不同的表单。
用户名:
name 属性后面的值，是自定义的 radio (或者checkbox）如果是一组，我们必须给他们命名相同的名字 男
女
3、【问题】如果页面一打开就让某个单选按钮或者复选框是选中状态？
答：用 checked 属性，表示默认选中状态。用于单选按钮和复选按钮。
性 别:
男
女
4、【问题】如何让input表单元素展示不同的形态? 比如单选按钮或者文本框？
答：用 type属性，type属性可以让input表单元素设置不同的形态。
男
4.2 label 标签
语法：
核心：
4.3 select下拉表单元素
在页面中，如果有多个选项让用户选择，并且想要节约页面空间时，我们可以使用
语法：
...
特点：
4.4 textarea 文本域元素
当用户输入内容较多的情况下，我们就不能使用文本框表单了，此时我们可以使用
特点：
通过
