(二)全局属性

一、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>

 

 

 

posted @ 2017-01-14 16:53  shyroke、  阅读(221)  评论(0编辑  收藏  举报
作者:shyroke 博客地址:http://www.cnblogs.com/shyroke/ 转载注明来源~