千锋扣丁学堂HTML5培训之新增form控件和表单属性实例代码详解

2019-05-16 13:49:49 1126浏览

今天千锋扣丁学堂HTML5培训老师给大家分享一篇关于HTML5新增form控件和表单属性实例代码详解,下面我们一起来看一下吧。



我们常见的表单验证有哪些呢

  text  文本框标签

  password 密码框

  checkbox 多选框

  radio  单选框

  button  按钮

  submit  提交按钮


以上是我们常用的一些form属性

(一)email:电子邮箱文本框,跟普通的没什么区别

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

2.移动端键盘会有变化





(二)tel:电话号码

1.主要在移动端,一个键盘的切换





(三)url:网页的URL


(四)sear:搜索引擎

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



(五)range:特定范围内的数值选择器

1.min、max、step(步数)

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



(六)number:只能包含数字的输入框



(七)color:颜色选择器



(八)detetime显示完整日期



(九)autocomplete:是否保存用户输入值

默人为on,关闭提示选择off

(十):指定表单获取输入焦点



(十一):此项必填,不能为空



如果只写第一个输入框,第二个输入框就会弹出“请填写此字段”

(十二)parrern:正则验证pattrn="\d{1,5}"



我设置的正则是1-5数字,如果不是就提交失败

以上就是关于千锋扣丁学堂HTML5培训之新增form控件和表单属性实例代码详解详解,希望对大家有所帮助,请关注扣丁学堂HTML5培训官网、微信等平台,扣丁学堂IT职业在线学习教育有专业的HTML5讲师为您指导,此外扣丁学堂老师精心推出的HTML5视频教程定能让你快速掌握HTML5从入门到精通开发实战技能。扣丁学堂H5技术交流群:673883249。


                          【扫码进入HTML5VIP免费公开课】  


     【关注微信公众号获取更多学习资料】        【扫码进入HTML5前端开发VIP免费公开课】  



查看更多关于“HTML5开发技术资讯”的相关文章>>


标签: HTML5培训 HTML5视频教程 HTML5学习视频 HTML5在线视频 HTML5培训班
微信
微博
15311698296

全国免费咨询热线

邮箱:codingke@1000phone.com

官方群:148715490

北京千锋互联科技有限公司版权所有   北京市海淀区宝盛北里西区28号天丰利商场4层
京ICP备12003911号-6   Copyright © 2013 - 2019
返回顶部 返回顶部