常见的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中新增加的属性,用途是让用户能够修改页面上的内容
4)dir属性:用来规定元素中文字的方向<!--contenteditable属性--> <p contenteditable="true">It is raining right now</p>
<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()方法作用类似6)lang属性:用于说明元素内容使用的语言<!--hidden属性--> <table style="border: 1px solid #005599"> <tr> <td>ADELE</td><td hidden="hidden">jason</td> </tr> </table>
<p lang="en">hello, how are you</p> <p lang="zh-CN">中国是人口最多的国家</p>
7)spellcheck属性:用来表明浏览器是否应该对元素的内容进行拼写检查8)tabindex属性:可以改变默认的tab键在各元素之间切换的顺序,ps:很少用<textarea spellcheck="true">This is some mispelled text</textarea>
<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属性:提供元素的额外信息,此属性较为常用。<a title="远地资产" href="http://www.shydzc.com">点击访问</a>