HTML5新的表单元素如何使用

这篇文章主要介绍“HTML5新的表单元素如何使用”的相关知识,小编通过实际案例向大家展示操作过程,操作方法简单快捷,实用性强,希望这篇“HTML5新的表单元素如何使用”文章能帮助大家解决问题。

创新互联建站-专业网站定制、快速模板网站建设、高性价比磐安网站开发、企业建站全套包干低至880元,成熟完善的模板库,直接使用。一站式磐安网站制作公司更省心,省钱,快速模板网站建设找我们,业务覆盖磐安地区。费用合理售后完善,十年实体公司更值得信赖。

    TML5有以下新的表单元素:

   

   

   

    注意:不是所有的浏览器都支持HTML5新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素。

    HTML5元素

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

    属性规定form或input域应该拥有自动完成功能。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:

    使用元素的列表属性与元素绑定.

    实例

    元素使用预定义值:

 

 

 

 

 

    HTML5元素

    元素的作用是提供一种验证用户的可靠方法。

    标签规定用于表单的密钥对生成器字段。

    当提交表单时,会生成两个键,一个是私钥,一个公钥。

    私钥(privatekey)存储于客户端,公钥(publickey)则被发送到服务器。公钥可用于之后验证用户的客户端证书(clientcertificate)。

    OperaSafariChromeFirefoxInternetExplorer

    实例

    带有keygen字段的表单:

用户名:

加密:

    HTML5元素

    元素用于不同类型的输出,比如计算或脚本输出:

    实例

    将计算结果显示在元素:

0

100 +

=

关于“HTML5新的表单元素如何使用”的内容就介绍到这里了,感谢大家的阅读。如果想了解更多行业相关的知识,可以关注创新互联行业资讯频道,小编每天都会为大家更新不同的知识点。


本文名称:HTML5新的表单元素如何使用
分享地址:http://myzitong.com/article/ijcihs.html