百分百源码网-让建站变得如此简单! 登录 注册 签到领金币!

主页 | 如何升级VIP | TAG标签

当前位置: 主页>网站教程>html5教程> HTML5新表单元素的图文实例-
分享文章到:

HTML5新表单元素的图文实例-

发布时间:08/01 来源:未知 浏览: 关键词:
这篇文章主要为大家细致介绍了HTML5新表单元素,介绍了三种表单元素,拥有一定的参照 价值,感乐趣的小同伴们可以参照 一下 这一篇介绍html5新增的表单元素和表单属性。

第一先说一个html5中表单新增的一个功能,在我们以前的html中,表单元素必需放在form元素所包括的里面,在html5中,可以把他们写在页面上的任何一个地方,然后给该元素添加一个form属性,form属性的值为form表单的id,如下:

[html] view plain copy 
  

在form元素里面的表单元素可以不消增加form属性,要是你想应用form猎取所有表单元素的值,那么在form元素外面的表单元素就必需增加form属性,input、select、textarea等元素都知足该功能。

HTML5 有下列新的表单元素:

?
?
?
注意:不是所有的阅读器都支撑HTML5 新的表单元素,但是你可以在运用它们,即便阅读器不支撑表单属性,依然可以显示为通例的表单元素。

HTML5 元素

元素规定输入域的选项列表。

属性规定 form 或 input 域应当具有主动完成功能。当会员在主动完成域中开端输入时,阅读器应当在该域中显示填写的选项:
运用 元素的列表属性与 元素绑定.








注意: Internet Explorer 9(更早IE版本),Safari不支撑 datalist 标签。







注意: Internet Explorer 不支撑 keygen 标签。







注意: Internet Explorer 不支撑 output 标签。

以上就是HTML5新表单元素的图文实例的细致内容,更多请关注 百分百源码网 其它相干文章!

打赏

打赏

取消

感谢您的支持,我会继续努力的!

扫码支持
扫码打赏,你说多少就多少

打开支付宝扫一扫,即可进行扫码打赏哦

百分百源码网 建议打赏1~10元,土豪随意,感谢您的阅读!

共有150人阅读,期待你的评论!发表评论
昵称: 网址: 验证码: 点击我更换图片
最新评论

本文标签

广告赞助

能出一分力是一分吧!

订阅获得更多模板

本文标签

广告赞助

订阅获得更多模板