[前端] H5新增属性
来源:互联网 发布:海外淘宝网址是多少 编辑:程序博客网 时间:2024/04/27 22:38
contenteditable属性
任何元素使用contenteditable属性的话,代表该元素是一个可编辑的区域。用户可以改变元素的内容以及操作标记。例如:
<p contenteditable="true">这是一段可编辑的段落。请试着编辑该文本。</p>
该属于有3种值可选:true, false和空字符,空字符代表true。
而对<iframe id="editor"></iframe>框架页面可以通过JS程序代码来实现:editor.document.designMode="on" 。
contextmenu属性
contextmenu属性用来指向一个作者提供的上下文目录,例如:
<form name="npc" action=""> <label>Character name: <input type=text contextmenu=namemenu required></label> <menu type=context id=namemenu> <command label="Pick random name" onclick="document.forms.npc.elements.char.value = getRandomName()"> <command label="Prefill other fields based on name" onclick="prefillFields(document.forms.npc.elements.char.value)"> </menu></form>
data-*属性
开发人员可以在任何元素上定义他们想要的任何属性,只要他们在其之前加上 data- 的前缀,以此避免与未来的HTML版本的冲突,asp.net MVC下的jQuery验证就是采用这种方式,例如:data-val=”true”。
draggable和dropzone属性
draggable 和 dropzone 属性可以与新的拖放API一起使用,draggable为是否允许拖放,dropzone代表可以拖放到哪个区域。
<p draggable="true" dropzone="div1">test</p>
hidden属性
不显示定义了hidden属性的元素。但与表现层的比如tab切换隐藏图层不同,hidden后的元素针对所有的显示,比如屏幕阅读器。与form里的hidden域相似。
role和aria-*属性
HTML5把WAI-ARIA当作是合法的语言增加,用来做辅助作用。
spellcheck属性
spellcheck 属性规定是否对元素内容进行拼写检查。例如:
<p contenteditable="true" spellcheck="true">这是可编辑的段落。请试着编辑文本。</p>
0 0
- [前端] H5新增属性
- H5新增的表单属性
- H5:新增data-*属性详解
- h5-css3新增背景属性
- h5 form表单新增属性
- h5新增标签及css3新增属性
- WEB前端 | H5基础——(1)H5新增标签
- H5中form表单中新增属性
- h5新增表单控件及其相关属性
- 24、H5新增js属性之地理信息
- H5表单相关新增元素和属性
- 20、H5新增js属性之获取class列表属性
- 前端-移动端h5常用<meta>属性
- 前端-移动端h5常用<meta>属性
- 21、H5新增js属性之JSON新方法
- 22、H5新增js属性之历史管理
- 23、H5新增js属性之本地存储
- 19、H5新增js属性之js延迟加载
- 2012年5月SAT香港真题解析
- Isomorphic Strings
- JAVA多态学习2
- IOS - UIView添加点击事件
- 自定义el函数
- [前端] H5新增属性
- netty4.0.x源码分析—executor和loop
- MONGODB 集群架构 调整,增加延迟备份节点服务器,删除仲裁节点
- 小数位较多的数字转换显示
- 2015年7月7日工作总结
- [leetcode] 133.Clone Graph
- GRE写作必备句型
- [leetcode][list] Add Two Numbers
- 化三为你解析气流粉碎机的六大性能特点