HTML元素的基本特性

1,Disabled 特性

1 //Disabled 设置元素不可用:
2 
3 $(this).attr("disabled","disabled")
4 
5 //移除push元素的diasble特性:
6 
7 $("#push").removeAttr('disabled')

2,z-index 特性:默认的z-index的值为0

1 <div style="position:absolute;left:0px;top:0px;z-index:100;opacity:0.8;width:500px;height:150px;background-color:lightgray"><p>上层的div</p></div>

设置该div堆叠在其他元素的上方,效果如图:

3,placeholder特性:

1         <input type="text" id="age" placeholder="必须输入正整数"/>
2         <button id="push">提交</button>

效果如图:

4,autofocus特性:在页面加载的时候,元素获得焦点,当有多个元素具有autofocus特性时,第一个元素获得焦点。

1         <button id="push" autofocus>提交</button>

效果如图:

5,type="password"

1         <input type="password" id="pwd" placeholder="密码必须为8位" autofocus />

效果如图:

posted @ 2015-07-29 21:33  SharpL  阅读(447)  评论(0编辑  收藏  举报