HTML5新增form控件和表单属性实例代码详解
建站知识 2021-07-02 23:00www.168986.cn长沙网站建设
第一个知识点表单的属性及
第二个知识点H5新增的表单控件和属性以及
第一个知识点
我们常见的表单验证有哪些呢
text 文本框标签
password 密码框
checkbox 多选框
radio 单选框
button 按钮
submit 提交按钮
以上是我们常用的一些form属性
第二个知识点H5新的输入型控件
(一)email:电子邮箱文本框,跟普通的没什么区别
1.当输入不是邮箱的时候,验证不通过
2.移动端键盘会有变化
(二)tel:电话号码
1.主要在移动端,一个键盘的切换
(三)url:网页的URL
输入正确的网址
(四)sear:搜索引擎
1.chrome下输入文字后,会多出一个关闭的x
(五)range:特定范围内的数值选择器
1.min、max、step(步数)
2.例子用js来显示当前数值
(六)number只能包含数字的输入框
(七)color颜色选择器
(八)detetime显示完整日期
(九)aulete是否保存用户输入值
默人为on,关闭提示选择off
(十)指定表单获取输入焦点
(十一)此项必填,不能为空
如果只写第一个输入框,第二个输入框就会弹出“请填写此字段”
(十二)parrern正则验证 pattrn="\d{1,5}"
我设置的正则是1-5数字,如果不是就提交失败
以上所述是长沙网络推广给大家介绍的HTML5新增form控件和表单属性实例代码详解,希望对大家有所帮助,如果大家有任何疑问欢迎给我留言,长沙网络推广会及时回复大家的!
上一篇:如何在Canvas中添加事件的方法示例
下一篇:Html5 滚动穿透的方法
长沙网站设计
- 如何进行东阳SEO关键词优化?
- 边坝哪有关键词排名优化:提升你的网站流量与
- 安国百度优化服务:提升您的在线可见性
- 阜康新手做SEO怎么做
- 山西seo网站排名关键词优化:提升您网站曝光率
- 临沂seo网站排名关键词优化:提高你的网站可见
- 广西SEO网站推广怎样付费比较合理
- 双辽SEO网站推广:提升你的网站可见性与流量
- 辽宁企业网站优化购买方式有哪些
- 提升宝清百度SEO排名的实用技巧与策略
- 静宁百度SEO排名:提升您网站曝光率的关键策略
- 彭州百度SEO排名的提升策略和实施指南
- 广南百度关键词SEO:提升网站排名的关键策略
- 辽宁关键词优化怎么做论坛营销
- 吉林百度seo排名如何做到让用户满意
- 内黄百度优化服务:提升在线可见性的关键