# HTML5（表单）

web大前端

HTML5（表单）

表单

表单数据的内容类型

• application/x-www-form-urlencoded(默认)
• multipart/form-data
• text/plain

Form标签的可用属性

• action 用于处理表单信息的应用程序地址

• method 浏览器用于提交表单的http方式

  • get：表单数据被附加在URL上，用？隔开
  • post：表单数据包含在http协议的请求报文中

• name 设置表单的名字

• target 浏览器接收form的提交信息后再哪里显示

  • _self 在当前选项卡打开相应内容
  • _blank 在新选项卡打开相应内容

Input控件的type属性值

• text 单行文本框

• password 密码框（输入内容会被遮挡）

• CheckBox 复选框（使用value属性来描述该控件所提交的值）

• radio 单选按钮（使用value属性来描述该控件所提交的值）

  • 一个单选按钮组中的所有控件都应该具有相同的name，这样能确保单选按钮组中的每一个单选按钮组互斥

• submit 提交按钮（会被提交）

• reset 重置按钮（会被提交）

• file（文件按钮，该控件用于选中文件系统中的某个文件）

• hidden 隐藏域 （该控件不显示在页面中，但是其值会被提交）

• image 图像按钮 （使用 src来加载图片 alt存放当图像加载失败是的内容）

• button 普通按钮

Input表单控件的其他属性值

• name 用于设定控件名和提交数据的属性名
• value 用于控件的初始化值
• checked 单选框/复选框的默认选中属性
• disabled 禁用组件 （值不能被提交）
• size 当前控件的初始宽度（px）
• maxlength 可输入字符的最大值

button表单控件 （在form表单内的按钮有提交功能）

• type 指定控件类型（button submit reset）
• name 按钮名称

label表单控件

• 用于表示某一表单控件的标题
• for与为设定标题的额表单控件的id值一致

select表单组件

• multiple 指定控件类型 布尔类型的值 （表示是否允许多选）
• size 显示的行数
• disabled 禁用控件 （值不能被提交
• name 用于指定该组件的名字，会与其option子元素的value值组成键值对随其他表单数据一齐被提交

option表单组件（用于表示选项）

• disabled 禁用控件 （值不能被提交
• value 定以控件的初始值。 提交表单时，初始值会被提交给服务器
• selected 表示该选项被默认选中

optgroup 用于表示包含option的选项组

• disabled 禁用控件 （值不能被提交
• label 表示选项组的名称

textarea 用于表示多行文本框，（没有value属性） 其值被包含在标签内

• rows 文本框的行数
• cols 文本框的列数
• disabled 禁用控件 （值不能被提交
• readonly 表示该控件只读 其值依然会被提交
• name 用于指定该控件的名字 会随着其值一同被提交后台

fieldset控件 用于在一个web表单中对多个控件和标签进行分组

• disabled 禁用控件 （值不能被提交
• name fieldset元素的名字
• 标签 提供fieldset的标题