[前端] H5新增属性

转载 2015年07月07日 17:00:10

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>

相关文章推荐

前端-移动端h5常用<meta>属性

常用属性 Safari浏览器私有meta属性 UC浏览器私有meta属性 QQ浏览器私有meta属性 用了好久的apple的一些meta属性,突然想到怎么没看见像UC、QQ浏览器的,于是问了度娘,...

前端-移动端h5常用<meta>属性

1.常用属性 meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,minimu...

22、H5新增js属性之历史管理

历史管理     onhashchange  :改变hash值来管理     history  :         服务器下运行         pushState :  三个参数 :数据  标题(...

23、H5新增js属性之本地存储

H5新增js方法之本地存储 Storage     sessionStorage         session临时回话,从页面打开到页面关闭的时间段                       窗口...

h5 form表单新增属性

前端向后台提交数据时经常需要使用到form表单,在JavaScript面试之前,判断form表单的信息正确与否只能直接将原始数据交到后台,让后台判断。这样的实现方式效率极其的低下,增大了服务器和带宽的...

21、H5新增js属性之JSON新方法

JSON的新方法     parse() : 把字符串转成json         字符串中的属性要严格的加上引号     stringify() : 把json转化成字符串         会自动的...

h5新增标签及css3新增属性

面试中经常被问,支支吾吾的老是答不全!!血泪教训,决定记下来!- h5新增的标签 新增元素 说明 video 表示一段视频并提供播放的用户界面 audio 表示音频 canv...

繁星H5之旅-HTML5表单新增元素与属性

1、标签control属性 在HTML5中,可以在标签内部放置一个表单元素,并且通过该标签的control属性来访问该表单元素。         D...

WEB前端之HTML5[3]~HTML5 表单新增表单元素与属性

HTML5 表单新增表单元素与属性HTML5 表单新增表单元素与属性 表单内元素的form 属性 表单内元素的formaction属性 表单内元素的formmethod属性 表单内元素的formenc...

移动H5前端性能优化指南

  • 2015年08月04日 13:18
  • 817KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:[前端] H5新增属性
举报原因:
原因补充:

(最多只允许输入30个字)