html语言表单的元素,HTML5中的表单元素有哪些

今天将和大家分享HTML5中新表单元素和它们的用法,有一定的参考价值,希望对大家有所帮助。

HTML5引入了新的表单元素,为所有表单元素提供了一些新的好处。在设计和构建网页时,我们可以将这些新属性和功能应用于任何表单元素上,接下来在文章中将和大家详细介绍如何使用它们

HTML5新的表单元素

datalist

规定输入域的选项列表,列表是通过 datalist 内的 option 元素创建的

注意:option元素要设置value值

选课:

876b0025d9e472b730afe7ba4cd51295.gif

keygen

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

当提交表单时,会生成两个键,一个是私钥,一个公钥。私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)

用户名

密码:

4a3622ae87bc6d53655753941e155a1a.png

f903bb4d5c3d944376666c0cc5178e66.png

output

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

oninput

实时监控输入框值的变化(注意在IE9下oninput不兼容)

=

0eddb06620d833e5cbf795b93dc8416b.png

总结:以上就是本篇文章的全部内容了,希望对大家学习HTML5有所帮助。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值