那些你不熟悉的html元素属性

常见的id、class、style、以及html5中的新特性draggable、dropzone不在讨论范围内；

1)disabled属性：阻止用户输入数据

<!--disabled属性-->
<form>
Enter your name:<input disabled="disabled" type="text" name="name" value="中国"/><p/>
</form>

2）accesskey属性：可以设定一个或几个用来选择页面上的元素的快捷键；ps：然而其实并没有什么卵用。

<!--accesskey属性-->
<form>
name:<input type="text" name="name" accesskey="n"/><br/>
password:<input type="password" name="password" accesskey="p"><br/>
<input type="submit" value="Log In" accesskey="s"/>
</form>

3)contenteditable属性,是html5中新增加的属性，用途是让用户能够修改页面上的内容[/code]

<!--contenteditable属性-->
<p contenteditable="true">It is raining right now</p>

4）dir属性：用来规定元素中文字的方向[/code]

<p dir="rtl">This is right to left</p>
<p dir="ltr">This is left to right</p>

5）hidden属性：用来隐藏相关元素，与CSS中的display:none及jQuery中的hidden()方法作用类似[/code]

<!--hidden属性-->
<table style="border: 1px solid #005599">
<tr>
<td>ADELE</td><td hidden="hidden">jason</td>
</tr>
</table>

6）lang属性：用于说明元素内容使用的语言[/code]

<p lang="en">hello, how are you</p>
<p lang="zh-CN">中国是人口最多的国家</p>

7）spellcheck属性:用来表明浏览器是否应该对元素的内容进行拼写检查[/code]

<textarea spellcheck="true">This is some mispelled text</textarea>

8）tabindex属性：可以改变默认的tab键在各元素之间切换的顺序,ps:很少用[/code]

<form>
<label>Name:<input type="text" name="name" tabindex="1"/></label><p/>
<label>City:<input type="text" name="city" tabindex="-1"/></label><p/>
<label>Country:<input type="text" name="country" tabindex="2"/></label><p/>
<input type="submit" tabindex="3"/>
</form>

9）title属性：提供元素的额外信息，此属性较为常用。[/code]

<a title="远地资产" href="http://www.shydzc.com">点击访问</a>

[/code]