zoukankan      html  css  js  c++  java
  • (二)全局属性

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

     

  • 相关阅读:
    java的(PO,VO,TO,BO,DAO,POJO)解释
    java中的几种对象(PO,VO,DAO,BO,POJO)
    mybatis如何根据mapper接口生成其实现类
    MyBatis接口的简单实现原理
    Fast-settling synchronous-PWM-DAC filter has almost no ripple
    CMOS DACs act as digitally controlled voltage dividers
    Programmable current source requires no power supply
    Add margining capability to a dc/dc converter
    Use an LM317 as 0 to 3V adjustable regulator
    Simple microcontroller-temperature measurement uses only a diode and a capacitor
  • 原文地址:https://www.cnblogs.com/shyroke/p/6285690.html
Copyright © 2011-2022 走看看