---恢复内容开始---

 

1.email:电子邮箱文本框,跟普通的没什么区别

    当输入不是邮箱的时候,验证不通过

    移动端的键盘会有变化

    

    输入的不是邮箱,点击提交后会有提示

      

2.tel:电话号码

  tel的功能主要在移动端,一个键盘的切换

3.url:网页的url

    

    输入的不是url,点击提交后会有提示

    

4.search:搜索引擎

    --chrome下输入文字后,会多出一个关闭的x

    

 

 

 

     没什么特别的只是在输入的时候多一个x,再点击这个x的时候你输入的内容会消失

      

5.range:特定范围内的数值选择器

    -min,max,step(步数)

    -例子:用js来显示当前数值 

    step:每次走几步   

    min:起始点

    max:最大值

    value:当前值

      

      

6.number:只能包含数字的输入框

    

 

     只能输入数字,输入其他的不能显示

     

7.color:颜色选择器

    

     

8.datetime:显示完整日期    opera浏览器下起作用

 chrome:用date

    

     

9.datetime-local:显示完整日期不含时区

     

        

10.time:显示时间,不含时区

    

      

11.date:显示日期

    

      

 12.week:显示周

     

                     

13.month:显示月

    

       

14.placeholder:输入框提示信息

    

      

15.autocomplete:是否保存用户输入值

    -默认为on,关闭提示选择off

       

      

16.autofocus:指定表单获取输入焦点

       

       

17.required:此项必填,不能为空

      

        

18.pattern:正则验证  pattern=“\d{1,5}”