HTML5 表单元素
html5 元素 表单
2023-06-13 09:16:01 时间
注意:不是所有的浏览器都支持HTML5 新的表单元素,但是你可以在使用它们,即使浏览器不支持表单属性,仍然可以显示为常规的表单元素。
HTML5 datalist 元素datalist 元素规定输入域的选项列表。
datalist 属性规定 form 或 input 域应该拥有自动完成功能。当用户在自动完成域中开始输入时,浏览器应该在该域中显示填写的选项:
使用 input 元素的列表属性与 datalist 元素绑定.
input 元素使用 datalist 预定义值:
input list= browsers datalist id= browsers option value= Internet Explorer option value= Firefox option value= Chrome option value= Opera option value= Safari /datalist
亲自试一试
HTML5 keygen 元素keygen 元素的作用是提供一种验证用户的可靠方法。
keygen 标签规定用于表单的密钥对生成器字段。
当提交表单时,会生成两个键,一个是私钥,一个公钥。
私钥(private key)存储于客户端,公钥(public key)则被发送到服务器。公钥可用于之后验证用户的客户端证书(client certificate)。
带有keygen字段的表单:
form action= demo_keygen.asp method= get 用户名: input type= text name= usr_name 加密: keygen name= security input type= submit /formHTML5 output 元素
output 元素用于不同类型的输出,比如计算或脚本输出:
将计算结果显示在 output 元素:
form oninput= x.value=parseInt(a.value)+parseInt(b.value) 0 input type= range id= a value= 50 100 + input type= number id= b value= 50 = output name= x for= a b /output /formHTML5 新表单元素
datalist input 标签定义选项列表。请与 input 元素配合使用该元素,来定义 input 可能的值。
原创文章,作者:kepupublish,如若转载,请注明出处:https://blog.ytso.com/59377.html
FireFoxphp相关文章
- 跨平台移动APP开发进阶(二):HTML5+、mui开发移动app教程[通俗易懂]
- HTML5_ScrollInToView方法「建议收藏」
- css适配不同分辨率屏幕_html5判断分辨率
- 基于HTML5的爱心表白动画特效
- HTML5中的DOM扩展(二)
- HTML5离线存储原理
- 【HTML5】HTML5 新增 input 表单 ( 邮箱输入表单 | 网址输入表单 | 日期输入表单 | 时间输入表单 | 电话输入表单 | 搜索栏输入表单 | 颜色选择器输入表单 )
- html5手机端播放音效不卡的方法详解编程语言
- HTML5微信长按图片不会弹出菜单的解决方法详解编程语言
- html5不能播放视频的方法详解编程语言
- 集结 HTML5 与 MySQL,搭建无可抵挡的猛力!(html5与mysql)
- HTML5 应用程序缓存
- HTML5 语义元素
- HTML5结合Redis实现前端缓存优化(html5redis)
- html5在android中的使用问题及技巧解读