Form表单的运用（介绍类型，属性及事件）

Form表单： 由输入框，选择器，单选框，多选框等控件组成

表单类型

email：验证邮箱是否合法

url：验证url

number：只能输入数字，自带上下增大减少箭头

search：搜索框自带删除按钮

range ： 可以提供给一个范围，其中可以设置max和min以及value，其中value属性可以设置为默认值

color ： 提供了一个颜色拾取器

time ： 时分秒

data ： 日期选择年月日

datatime ： 时间和日期(目前只有Safari支持)

datatime-local ：日期时间控件

week ：周控件

month：月控件

表单属性：

placeholder ：提示信息

autofocus ：自动获取焦点

required：要求输入框不能为空，必须有值才能够提交。

pattern=" " 里面写入想要的正则模式，例如手机号patte="^(+86)?\d{10}$"multiple：可以选择多个文件或者多个邮箱form=" form表单的ID"

autocomplete=“on” 或者 autocomplete=“off” 使用这个属性需要有两个前提：

• 表单必须提交过
• 必须有name属性。

表单事件：

oninput 每当input里的输入框内容发生变化都会触发此事件。

oninvalid 当验证不通过时触发此事件。