一、accesskey属性 :可以设定一个或者几个用来选择页面上元素的快捷键,一般是alt+自定义快捷键。
<body> 用户名:<input accesskey="a" type="text" > </body>
解:按alt+a 光标自动移到input上来,在火狐浏览器实验失败,谷歌浏览器成功。
二、class属性:用于将元素归类,通常是为了能够找出文档中的某一类元素或为某一类元素应用CSS样式。
<style type="text/css" > .a { color: red; } </style> </head> <body> <a href="" class="a">我是第一个超链接</a><br/> <a href="" class="a">我是第二个超链接</a> </body>
结果:
三、contenteditable属性:html5新增,其用途是让用户能够修改页面上的内容。(firefox、google均可)
<body> <p contenteditable="true">我是可以修改的内容</p> </body>
四、dir属性:用来规定元素中文字的方向。参数值:ltr(从左到右)、rtl(从右到左)。
<body> <p dir="ltr">我是从左到右</p> <p dir="rtl">我是从右到左</p> </body>
五、hidden:隐藏相关属性。
<script type="text/javascript">
function show()
{
var p=document.getElementById("p");
if(p.hasAttribute("hidden"))
{
p.removeAttribute("hidden");
}
else
{
p.setAttribute("hidden","hidden")
}
}
</script>
</head>
<body>
<p hidden id="p">我是隐藏了的文字</p><br/>
<button onclick="show();">显示隐藏文字</button>
</body>
点击按钮之后:
再点击:
解:p标签刚开始设置了hidden属性,所以p文本内容是隐藏的,当点击按钮之后,执行show()函数,函数中先是拿到了p元素,再判断p元素中是否有hidden属性,如果有就移除,没有就添加hidden属性。
六:id属性:用来给元素分配一个唯一的标识符,通常用来将样式应用到元素上或在JS程序中选择元素。
七:lang属性:用于说明元素内容使用的语言。
八:style属性:用来直接在元素身上定义CSS样式。
九、tabindex属性:键盘焦点可以通过按Tab键在各元素之间切换,也可以改变默认转移顺序。
<body> 用户名:<input type="text" tabindex="1"><br/> 密码:<input type="password" tabindex="3"><br/> 再次输入:<input type="password" tabindex="2"><br/> 再次输入:<input type="password" tabindex="-1"><br/> </body>
解: tabindex的值为1的时候第一个被选中,也就是第一次按tab的时候光标会移动用户名的输入框里,tabindex="2"第二个被选中,以此类推,tabindex="-1"永远不会被选中,也就是说无论按多少次tab光标都不会移到最后一个元素上。
十、title属性:用于提供元素的额外信息。
<body> <a title="跳转到百度" href="http://www.baidu.com">这是一个超链接</a> </body>