那些你不熟悉的html元素属性

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

















  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值