CSS巧用expression来区分只读文本框
Posted royal_coffee
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了CSS巧用expression来区分只读文本框相关的知识，希望对你有一定的参考价值。
对于文本框,只读状态下和普通状态下,浏览器对其并没有做什么特殊的标记,表面看来,效果是一样的,这样,对用户来说,易用性并不是很高.
当然,我们可以改变只读文本框的背景颜色来加以区分,这个时候就需要程序员自己判断这个文本框是不是只读,然后再引入相应的CSS,无疑加大了工作量.
这里,使用expression来提供一种解决方案,只需要每个页面引入这个CSS即可,其它的都由程序自己判断,如下:
<
style
>
input { background-color : expression((this.readOnly && this.readOnly==true)?"#f0f0f0":"") }
</ style >
< INPUT TYPE ="text" NAME ="" >
< INPUT TYPE ="text" NAME ="" readonly >
< INPUT TYPE ="text" NAME ="" >
< INPUT TYPE ="text" NAME ="" readonly >
input { background-color : expression((this.readOnly && this.readOnly==true)?"#f0f0f0":"") }
</ style >
< INPUT TYPE ="text" NAME ="" >
< INPUT TYPE ="text" NAME ="" readonly >
< INPUT TYPE ="text" NAME ="" >
< INPUT TYPE ="text" NAME ="" readonly >
以上是关于CSS巧用expression来区分只读文本框的主要内容，如果未能解决你的问题，请参考以下文章
巧用jquery实现提交(submit)表单时候验证文本框是否为空