这篇文章主要介绍了HTML5新增常用的表单元素是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获、下面让小编带着大家一起了解一下。
<强>本章介绍以下新的表单元素:datalist;注册机;输出强>
<强> datalist元素:强>
datalist元素规定输入域的选项列表。
列表是通过datalist内的选项元素创建的。
如需把datalist绑定到输入域,请用输入域的列表属性引用datalist的id:
网页:,& lt; input 类型=皍rl",列表=皍rl_list", name=發ink",/比; & lt; datalist id=皍rl_list"祝辞 & lt; option 标签=啊?https://www.yisu.com/zixun/value=" http://www.php.cn "/> <选项标签="谷歌" value=" http://www.google.com "/> <选项标签="微软" value=" http://www.microsoft.com "/>
提示:选择元素永远都要设置值属性。
<强>注册机元素:强>
注册机元素的作用是提供一种验证用户的可靠方法。
注册机元素是密钥对生成器(密钥对发电机)。当提交表单时,会生成两个键,一个是私钥,一个公钥。
私钥(私钥)存储于客户端,公钥(公钥)则被发送到服务器。公钥可用于之后验证用户的客户端证书(客户端证书)。
目前,浏览器对此元素的糟糕的支持度不足以使其成为一种有用的安全标准。
& lt; form action=癲emo_form.asp",方法=癵et"比; 用户名:& lt; input 类型=皌ext", name=皍sr_name",/比; 加密:& lt; keygen name=皊ecurity",/比; & lt; input 类型=皊ubmit",/比; & lt;/form>
<强>输出元素:强>
输出元素用于不同类型的输出,比如计算或脚本输出:
& lt; output id=皉esult", onforminput=皉esCalc()“祝辞& lt;/output>
<强>输入类型:强>
HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。
1。输入类型——电子邮件
电子邮件类型用于应该包含电子邮件地址的输入域。在提交表单时,会自动验证电子邮件域的值。
2。输入类型- url
url类型用于应该包含url地址的输入域。在提交表单时,会自动验证url域的值。
3。输入类型——数
数类型用于应该包含数值的输入域。您还能够设定对所接受的数字的限定:
4。输入类型——范围
范围类型用于应该包含一定范围内数字值的输入域。
范围类型显示为滑动条。
您还能够设定对所接受的数字的限定:
5。输入类型-日期选择器(数据检出器)
<强> HTML5拥有多个可供选取日期和时间的新输入类型:强>
日期——选取日,月,年
月-选取月、年
周-选取周和年
——选取时间(小时和分钟)
datetime -选取时间,日,月,年(UTC时间)
datetime-local -选取时间,日,月,年(本地时间)
6。输入类型——搜索
搜索类型用于搜索域,比如站点搜索或谷歌搜索。
搜索域显示为常规的文本域。
<强> & lt;知识点在强>
& lt; form>定义供用户输入的表单
& lt; input>定义输入域
& lt; textarea>定义文本域(一个多行的输入控件)
& lt; label>定义一个控制的标签
& lt; fieidset>定义域
& lt; legend>定义域的标题
& lt; select>定义一个选择列表
& lt; optgroup>定义选项组
& lt; option>定义下拉列表中的选项
& lt; button>定义一个按钮
感谢你能够认真阅读完这篇文章,希望小编分享的“HTML5新增常用的表单元素是什么”这篇文章对大家有帮助,同时也希望大家多多支持,关注行业资讯频道,更多相关知识等着你来学习!