readonly : 使标签无法写入,锁定input的填写框。
disabled : 使标签失效无法下拉或者点击选择,锁定下拉框和选择按钮。
autocomplete="off" : 使input框无历史记录。 //此标签能防止页面后退 原选择框与css样式冲突问题;
HTML 5 标签属性
required="required" : input非空属性
hidden :隐藏
HTML 5 标签事件(常用)
| 属性 | 值 | 描述 | 备注 |
|---|---|---|---|
| onblur | script | 当元素失去焦点时运行脚本 | 能完成验证且回车提交表单 |
| onchange | script | 当元素改变时运行脚本 | |
| onfocus | script | 当元素获得焦点时运行脚本 | |
| onselect | script | 当选取元素时运行脚本 | |
| onsubmit | script | 当提交表单时运行脚 |
Window 事件属性
| 属性 | 值 | 描述 | 备注 |
|---|---|---|---|
| onafterprint | script | 在打印文档之后运行脚本 | |
| onbeforeprint | script | 在文档打印之前运行脚本 | |
| onblur | script | 当窗口失去焦点时运行脚本 | |
| onfocus | script | 当窗口获得焦点时运行脚本 | |
| onload | script | 当文档加载时运行脚本 | window.onload=function({document.getElementById("submit").click();}; |
| onpagehide | script | 当窗口隐藏时运行脚本 | |
| onpageshow | script | 当窗口可见时运行脚本 | |
| onunload | script | 当用户离开文档时运行脚本 | |
本文详细介绍了HTML5中表单控件的各种属性,包括readonly、disabled等用于控制输入状态的属性,autocomplete用于管理历史记录,required确保字段非空,hidden隐藏元素,以及on事件属性如onblur、onchange、onsubmit等,这些属性对于实现表单验证和交互至关重要。

被折叠的 条评论
为什么被折叠?



