form表单基础复习

form标签是用来干嘛的？

form表单有哪些属性？

表单标签？表单控件？表单域？表单按钮？

HTML5新增input类型有哪些？

HTML5新增input属性有哪些？

form用途
div、a、p这些标签都是展示性的标签，form标签主要用来收集数据，用户在<form>输入数据，当点击提交后，在<form>里面的数据将被提交到服务器。

form属性
form主要属性有三个：action、method、name
1、action：提交地址
2、method：提交方式，post、get（默认）
post用于提交大量数据，get提交少量数据
get数据提交最多1K，post没有限制
get提交的数据在url上可见
3、name：提交表单时的名称

表单标签指form标签，表单使用form定义。
表单控件指在form标签内收集用户输入数据的输入框、提交按钮等。
表单域指form内收集用户输入数据的输入框、单选按钮等。
表单按钮：input通过type=“button”定义的按钮、<button>标签、单选多选按钮

新增的input类型有哪些呢？
type=“color” 预设的颜色拾取器

type=“number” 只能输入数字的输入框
max：最大值
min：最小值
step：步长，在原来的数字的基础上增减几

type=“range” 选择范围内的值，像音量控制器那种
max：最大值
min：最小值
step：步长，递增递减的步长
value：初始值

type=“url” 只允许输入web站点的文本框，文本必须包含http://，且后面有内容

type=“search” 搜索关键字的文本框，与文本框功能相同，但是当有内容时输入框之后有个×

type=“email” 电子邮件检验功能的输入框，必须包含@，且@后面有内容

type=“date“ 日期选择功能的输入框

type=”week“ 只能选择周的输入框

type=”month“ 只能选择月的输入框

新增属性有哪些？
placehoder ：占位符

autofocus：自动获取焦点

multiple：允许输入多个值，逗号隔开，配合e-mail和url使用

require：必填项

minlength、maxlength：最小最大字符数