日期:2013-6-16 浏览次数:20208次

    对于文本框,只读形状下和普通形状下,浏览器对其并没有做什么特殊的标记,表面看来,效果是一样的,这样,对用户来说,易用性并不是很高.

    当然,我们可以改变只读文本框的背景颜色来加以区分,这个时候就需求程序员本人判断这个文本框是不是只读,然后再引入相应的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>