对于文本框,只读状态下和普通状态下,浏览器对其并没有做什么特殊的标记,表面看来,效果是一样的,这样,对用户来说,易用性并不是很高.
当然,我们可以改变只读文本框的背景颜色来加以区分,这个时候就需要程序员自己判断这个文本框是不是只读,然后再引入相应的css,无疑加大了工作量.
这里,使用expression来提供一种解决方案,只需要每个页面引入这个css即可,其它的都由程序自己判断,如下:
<style>
input{background-color:expression((this.readOnly && this.readOnly==true)?”#cccccc”:””)}
</style>
<INPUT TYPE=”text” NAME=””>
<INPUT TYPE=”text” NAME=”” readonly>
<INPUT TYPE=”text” NAME=””>
<INPUT TYPE=”text” NAME=”” readonly>
[Ctrl+A 全部选择 提示:你可先修改部分代码,再按运行]
相关文章:
你感兴趣的文章:
- jQuery UI API开发者指南
- Android Binder驱动的工作机制之要旨
- 巨为仪器股份冷热冲击试验如何选用
- 计算shapefile面图层要素的面积
- 低压中性线断线的危害与防范措施
- MD5加密和解密