首页 > 其他 > 详细

表单 总结

时间:2019-05-15 19:46:54      阅读:149      评论:0      收藏:0      [点我收藏+]

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

 

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}”

 

表单 总结

原文:https://www.cnblogs.com/jiangningjn/p/10871452.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!