“form”表单的总结

form 表单

• form-------表单标签，表单能够包含 input 元素，比如文本字段、复选框、单选框、提交按钮等。还可以包含 menus、textarea、fieldset、legend 和 label 元素

属性	属性值	描述
action	跳转的路径	1，相对路径‘…\目标文件.html’（与目标文件处于同一路径时）2，绝对路径’C:\Users\www\Documents\WeChat Files’(从盘符开始开始一级一级的查找）
name	表单名	规定表单的名称
method	get请求
	post请求	该请求方式相对于get请求要安全些

• input---------该标签用于搜集用户的信息。可以根据不同的type属性值用多种形式搜集信息，可以用文本字段、复选框、掩码后的文本控件、单选按钮、按钮等

属性	属性值	描述
align	left 左对齐图像（默认）right 右对齐对象top 上对齐图像middle 居中对齐图像bottom 下对齐图。	规定图像输入的对齐方式
name	name（名称）
readonly	readonly	规定该字段只能读不能修改
disabled	disabled	规定input标签禁用
required	required	提示该字段不可为空白
autofocus	autofocus	加载时默认光标的位置
type	text	定义单行的输入字段，用户可在该文本框输入文本，默认宽度为20个字符
	password	定义密码文本框，该项文本的字符会被掩码以保护用户的隐私安全
	submit	定义提交按钮，提交按钮会把信息发送到服务器
	radio	定义单选按钮
	checkbox	定义多选按钮
	reset	定义重置按钮，重置按钮会清楚所有的数据
	butten	自定义可点击按钮
	image	图像形式的提交按钮
	file	文件形式的提交按钮
	hidden	隐藏域，隐藏输入字段可提交用户不可见的信息
	email	邮箱
	color	颜色
	date	日期
	time	时间
	datetime-local
	range	进度条

• select------下拉列表框，创建单选或多选菜单。元素中的 <，option。> 标签用于定义列表中的可用选项

属性	属性值	描述
multiple	multiple	以列表的形式显现

• option-------定义下拉列表中的一个子选项

属性	属性值	描述
disabled	disabled	禁用该选项
selected	selected	规定该选项为默认选项

• textarea---------定义多行的文本输入控件

属性	属性值	描述
cols	数字	文本的宽度
rows	数字	文本的高度
disabled	disabled	禁用该文本区
name	name	规定该文本区的名字
readonly	readonly	规定该文本区只能读
required	required	规定文本区域是必读的

• label--------标签为 input 元素定义标注（标记）label 元素不会向用户呈现任何特殊效果

属性	属性值	描述
for	id	规定 label 绑定到哪个表单元素