input的type属性

1.input的type 属性的新增值

1.概述

• eamil 用于应该包含“e-mail"地址的输入框
• url 用于应该包含“URL"地址的输入框
• search 用于应该“搜索内容"的输入框
• number 用于应该包含“数值"的输入控件
• tel 规定显示的类型为“电话号码"的输入框
• range 规定显示的类型为“数值选择范围"选择控件
• color规定显示的类型为“颜色"选择控件
• 日期相关
  1.ate规定显示的类型为“日期"选择控件
  2.month规定显示的类型为“月份"选择控件
  3.week规定显示的类型为“周"选择控件
  4.time规定显示的类型为“时间"选择控件
  5.datetime规定显示的类型为“日期时间"选择控件
  6.datetime-local规定显示的类型为“本地日期时间"选择控件

2.详细

1.email

email 让input接收一个邮箱地址

基本形式如下：

<input type="email" name="eamil"  />

注意：

1. 只要当你输入的内容不为空时才会进行验证，
2. 只验证如下形式的值：【任意字符+@+任意字符】

2.Url

url 让input接收一个url地址（网站地址）

基本形式如下:

  <input type="url"  name="url" />

注意：

1. 只要当你输入的内容不为空时才会进行验证
2. 一般只验证如下形式的值：【 任意字符 + : 】

3.number

number 让input只接受数字的输入

基本形式如下：

<input type="number" name="myNumber" />

注意：

1. 只要当你输入的内容不为空时才会进行验证，
2. 你只能输入数字，输入非数字类型会被拒绝。（可输入和数字相关的正负号，小数点，e）
3. 在输入框右侧会提供自动加减的符号，默认值为0.
4. 如果输入的值太大，那么会转换为一个科学计数法表示.
   可通过以下属性对值进行限定：max,min,step,value
   一旦给了最大最小值等范围，和step间隔，那么所有的