html5中新增的表单控件和属性有哪些-创新互联-成都创新互联网站建设

关于创新互联

多方位宣传企业产品与服务 突出企业形象

公司简介 公司的服务 荣誉资质 新闻动态 联系我们

html5中新增的表单控件和属性有哪些-创新互联

小编给大家分享一下html5中新增的表单控件和属性有哪些,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!

10年积累的网站设计制作、网站设计经验,可以快速应对客户对网站的新想法和需求。提供各种问题对应的解决方案。让选择我们的客户得到更好、更有力的网络服务。我虽然不认识你,你也不认识我。但先网站策划后付款的网站建设流程,更有东安免费网站建设让你可以放心的选择与我们合作。

HTML5是互联网的下一代标准,是构建以及呈现互联网内容的一种语言方式.被认为是互联网的核心技术之一。

HTML5是Web中核心语言HTML的规范,用户使用任何手段进行网页浏览时看到的内容原本都是HTML格式的,在浏览器中通过一些技术处理将其转换成为了可识别的信息。HTML5在从前HTML4.01的基础上进行了一定的改进,虽然技术人员在开发过程中可能不会将这些新技术投入应用,但是对于该种技术的新特性,网站开发技术人员是必须要有所了解的。

新的输入性表单控件:

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

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

  • - 移动端的键盘会发生变化

  • tel:电话号码

  • url:网页的URL

  • search:搜索引擎

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

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

  • - min、max、step(步数)

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

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

  • - 输入框末尾有两个箭头 上为加 下为减

  • color:颜色选择器

  • - 点击显示颜色版

  • datetime:显示完整日期

  • - 类似select选择样式

  • datetime-local:显示完整日期, 不包含时区

  • time:显示时间,不含时区

  • date:显示日期{年月日}

  • week:显示周{年月日周}

  • mouth:显示月{年月}

                          

新的表单特性和函数

  • placeholder:输入框提示信息

  • - 例子:微博的密码框提示

  • autocomplete

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

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

  • list和datalist:为输入框构造一个选择列表

  • - list值为datalist标签的id

  • required:此选项必填, 不能为空

  • Pattern:正则验证

  • - pattern=“\d{1,5}”

  • Formaction在submit里定义提交地址


//  required 和 pattern 具有安全隐患 如果在控制台修改input的pattern和required 那么就可以破除校验

// 如果用户在某个页面输入相当多的数据,临时有事需要离开一段时间,此时数据应该保存至草稿箱,那么同一个form表单下,将会有两个不同地址的sumbit提交 ope浏览器已支持 其余浏览器可能不支持

  
  
  

以上是“html5中新增的表单控件和属性有哪些”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注创新互联行业资讯频道!


文章题目:html5中新增的表单控件和属性有哪些-创新互联
文章地址:http://kswsj.cn/article/edjog.html

其他资讯