CSS巧用expression来区分只读文本框
来源:互联网 发布:为知笔记皮肤 编辑:程序博客网 时间:2024/05/15 23:47
对于文本框,只读状态下和普通状态下,浏览器对其并没有做什么特殊的标记,表面看来,效果是一样的,这样,对用户来说,易用性并不是很高.
当然,我们可以改变只读文本框的背景颜色来加以区分,这个时候就需要程序员自己判断这个文本框是不是只读,然后再引入相应的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>
当然,我们可以改变只读文本框的背景颜色来加以区分,这个时候就需要程序员自己判断这个文本框是不是只读,然后再引入相应的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>
- CSS巧用expression来区分只读文本框
- CSS巧用expression来区分只读文本框
- css用expression来区分只读文本框
- css用expression来区分只读文本框
- CSS灵活运用expression来区分只读文本框
- CSS灵活运用expression来区分只读文本框
- 巧用expression来区分只读文本框和普通文本框的背景色
- 巧用expression来区分只读文本框和普通文本框的背景色
- 巧用expression来区分只读文本框和普通文本框的背景色
- 区分只读文本框和普通文本框的背景色
- 区分只读文本框和普通文本框的背景色
- 文本框只读
- 文本框只读
- 设置文本框是只读
- js控制文本框只读
- Html 文本框只读
- 文本框只读属性
- HTML文本框只读状态
- 滚动窗口
- Mssql入门语句
- 精妙SQL语句收集(转)
- 从不同的角度去看问题
- httpClient入门
- CSS巧用expression来区分只读文本框
- JavaScript实用的一些技巧
- CSS 入门
- 查讯结果多条件优化
- 私有参数选择平台——P3P(关于Cookies)
- Struts结合JSP作的下载例子
- linux的图形界面的管理
- CSS样式表详细介绍!
- 修正1