HTML5新增常用的表单元素是什么

这篇文章主要介绍了HTML5新增常用的表单元素是什么，具有一定借鉴价值，感兴趣的朋友可以参考下，希望大家阅读完这篇文章之后大有收获，下面让小编带着大家一起了解一下。

创新互联专注于企业成都全网营销、网站重做改版、兴宁网站定制设计、自适应品牌网站建设、H5建站、商城网站建设、集团公司官网建设、外贸营销网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为兴宁等各大城市提供网站开发制作服务。

本章介绍以下新的表单元素：datalist；keygen；output

datalist 元素：

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

列表是通过 datalist 内的 option 元素创建的。

如需把 datalist 绑定到输入域，请用输入域的 list 属性引用 datalist 的 id：

Webpage:

提示：option 元素永远都要设置 value 属性。

keygen 元素：

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

keygen 元素是密钥对生成器（key-pair generator）。当提交表单时，会生成两个键，一个是私钥，一个公钥。

私钥（private key）存储于客户端，公钥（public key）则被发送到服务器。公钥可用于之后验证用户的客户端证书（client certificate）。

目前，浏览器对此元素的糟糕的支持度不足以使其成为一种有用的安全标准。


Username: 
Encryption:

output 元素：

output 元素用于不同类型的输出，比如计算或脚本输出：

Input 类型：

HTML5拥有多个新的表单输入类型。这些新特性提供了更好的输入控制和验证。

1.Input 类型- email

email 类型用于应该包含e-mail 地址的输入域。在提交表单时，会自动验证email 域的值。

2.Input 类型- url

url 类型用于应该包含URL 地址的输入域。在提交表单时，会自动验证url 域的值。

3.Input 类型- number

number 类型用于应该包含数值的输入域。您还能够设定对所接受的数字的限定：

4.Input 类型- range

range 类型用于应该包含一定范围内数字值的输入域。

range 类型显示为滑动条。

您还能够设定对所接受的数字的限定：

5.Input 类型- Date Pickers（数据检出器）

HTML5 拥有多个可供选取日期和时间的新输入类型：

date - 选取日、月、年

month - 选取月、年

week - 选取周和年

time - 选取时间（小时和分钟）

datetime - 选取时间、日、月、年（UTC 时间）

datetime-local - 选取时间、日、月、年（本地时间）

6.Input 类型- search

search 类型用于搜索域，比如站点搜索或Google 搜索。

search 域显示为常规的文本域。

<知识点>

定义供用户输入的表单

定义输入域

定义文本域（一个多行的输入控件）</p><p><label>定义一个控制的标签</p><p><fieidset>定义域</p><p><legend>定义域的标题</p><p><select>定义一个选择列表</p><p><optgroup>定义选项组</p><p><option>定义下拉列表中的选项</p><p><button>定义一个按钮</p><p>感谢你能够认真阅读完这篇文章，希望小编分享的“HTML5新增常用的表单元素是什么”这篇文章对大家有帮助，同时也希望大家多多支持创新互联，关注创新互联行业资讯频道，更多相关知识等着你来学习!</p> <br> 分享文章：HTML5新增常用的表单元素是什么 <br> 浏览路径：<a href="http://shouzuofang.com/article/gpdhcs.html">http://shouzuofang.com/article/gpdhcs.html</a> </div> </div> <div class="other"> <h3>其他资讯</h3> <ul> <li> <a href="/article/dicdpph.html">mysql不在字段怎么办 mysql不在范围内</a> </li><li> <a href="/article/dicdphd.html">dw软件与html5 dw和html5</a> </li><li> <a href="/article/dicdhod.html">jquery生成文件 jquery的js文件</a> </li><li> <a href="/article/dicdhoh.html">去除css中伪元素样式删除伪元素</a> </li><li> <a href="/article/dicdpgo.html">切诺基电脑故障(切诺基p2096故障码解决方案)</a> </li> </ul> </div> </div> <footer> <div class="message"> <div class="mess container"> <p>免费获取网站建设与品牌策划方案报价</p> <span>*主要业务范围包括：高端网站建设，集团网站建设(网站建设网站制作)找网站建设公司就上四川攀枝花网站建设。</span> <form action=""> <input type="text" class="ipt1" placeholder="联系人"> <input type="text" class="ipt2" placeholder="联系电话"> <textarea name="" id="" placeholder="内容描述：描述您的需求，如网站、微信、电商、APP等。"> 提交需求

联系我们

028-86922220

手机：13518219792
地址：成都市太升南路288号锦天国际A幢1002号
24小时服务热线：400-028-6601

网站建设服务

网页设计
网站制作
网站开发

网站推广服务

营销网站建设
百度快速排名
整站网站推广

网站运维服务

基础维护
网站改版
网站维护

微信二维码

微信二维码

友情链接：二枢服务器托管成都封阳台医药医疗网站建设方案重庆外贸网站建设店面门头广告响应式报价成都路面机械设备成都模版网站建设成都网站制作广告吸塑字

网站建设知识

HTML5新增常用的表单元素是什么

联系我们

网站建设服务

网站推广服务

网站运维服务

FOLLOW US