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

 

SRE实战 互联网时代守护先锋,助力企业售后服务体系运筹帷幄!一键直达领取阿里云限量特价优惠。

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

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

    移动端的键盘会有变化

    表单 总结 随笔 第1张

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

      表单 总结 随笔 第2张

2.tel:电话号码

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

3.url:网页的url

    表单 总结 随笔 第3张

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

    表单 总结 随笔 第4张

4.search:搜索引擎

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

    表单 总结 随笔 第5张

 

 

 

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

      表单 总结 随笔 第6张

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

    -min,max,step(步数)

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

    step:每次走几步   

    min:起始点

    max:最大值

    value:当前值

      表单 总结 随笔 第7张

      表单 总结 随笔 第8张

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

    表单 总结 随笔 第9张

 

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

     表单 总结 随笔 第10张

7.color:颜色选择器

    表单 总结 随笔 第11张

     表单 总结 随笔 第12张

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

 chrome:用date

    表单 总结 随笔 第13张

     表单 总结 随笔 第14张

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

     表单 总结 随笔 第15张

        表单 总结 随笔 第16张

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

    表单 总结 随笔 第17张

      表单 总结 随笔 第18张

11.date:显示日期

    表单 总结 随笔 第19张

      表单 总结 随笔 第20张

 12.week:显示周

     表单 总结 随笔 第21张

                     表单 总结 随笔 第22张

13.month:显示月

    表单 总结 随笔 第23张

       表单 总结 随笔 第24张

14.placeholder:输入框提示信息

    表单 总结 随笔 第25张

      表单 总结 随笔 第26张

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

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

       表单 总结 随笔 第27张

      表单 总结 随笔 第28张

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

       表单 总结 随笔 第29张

       表单 总结 随笔 第30张

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

      表单 总结 随笔 第31张

        表单 总结 随笔 第32张

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

 

扫码关注我们
微信号:SRE实战
拒绝背锅 运筹帷幄