前军教程网

中小站长与DIV+CSS网页布局开发技术人员的首选CSS学习平台

05全局属性(全局属性draggable)

全局属性是任何元素都可以设置的属性,即便有一些元素使用了该属性不会引起什么变化。

元素特有的属性叫做局部属性,该属性是元素特有的。

accesskey

该属性设置键盘焦点快捷键,使用方式是 Alt + 属性值 。以下的例子使用 input 元素,设置键盘焦点快捷键 Alt + a 定位到姓名输入框,使用 Alt + p 定位到密码输入框。

<!DOCTYPE html>
<html>
    <head>
        <title>小白学HTML</title>
    </head>

    <body>
        <div>
            账号:<input type="text" accesskey="a"/>
        </div>
        <div>
            密码:<input type="password" accesskey="p"/>
        </div>
    </body>
</html>

使用时注意:如果和其他软件的快捷键冲突,可能会无效。

class

该属性设置元素类型名,可以设置多个,用空格分开。结合CSS使用,可以设置元素的外观样式。例如:

<div class="style1">
    账号:<input type="text" accesskey="a"/>
</div>

<div class="style1 style2 style3">
    密码:<input type="password" accesskey="p"/>
</div>

第一个div元素使用 style1 类型样式。第二个div元素同时使用 style1style2style3 类型样式。

contenteditable

设置元素是否可编辑,当属性值设置为 true 时,焦点到元素上时,可修改文本内容。

<p contenteditable='true'>这是一段可编辑的文字</p>

属性值使用的是单引号,以前的示例都是使用的双引号,在HTML中两种形式都可以。

对于值是 truefalse 的属性来说,将值设置成 true 还有一种简写形式,就是只有属性名,那么属性值就会被浏览器解析成 true。以下示例具有同样的效果:

<p contenteditable>这是一段可编辑的文字</p>

属性值设置的如果不是 truefalse ,而是其他不合法的值,有些浏览器会解析成 false 来对待,不允许编辑。

contextmenu

右键菜单属性,目前没有浏览器支持。大概率会和浏览器本身的右键菜单冲突吧。

dir

设置文字方向,有效值有 ltrrtl,分别表示从左到右和从右到左。

dragable 和 dragzone

两个是HTML5中所支持的拖拽属性。

hidden

隐藏元素属性,bool值。使用此属性的元素,一般来说不会在html文档中显示。另一个隐藏方式是在 style 属性中设置 display:none,在html文档中可以看到此元素,但是不会显示在浏览器中。

id

元素的唯一标识符。也常常用来和css结合使用,选择指定的外观样式。

id还可以用来定位文档中的位置(#号加id)。

lang

设置元素语言,例如 lang="en"

spellcheck

元素是否进行拼写检查,只有在可编辑的元素上才有意义。bool值。

style

直接在元素上设置CSS样式。

tabindex

设置 tab 键的选择顺序,整数值。

title

提供鼠标悬浮提示值。



发表评论:

控制面板
您好,欢迎到访网站!
  查看权限
网站分类
最新留言