区分只读文本框和普通文本框的背景色

2016-01-29 11:38 3 1 收藏

区分只读文本框和普通文本框的背景色,区分只读文本框和普通文本框的背景色

【 tulaoshi.com - Javascript 】

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

        当然,我们可以改变只读文本框的背景颜色来加以区分,这个时候就需要程序员自己判断这个文本框是不是只读,然后再引入相应的css,无疑加大了工作量.

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/javascript/)

          这里,使用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

(本文来源于图老师网站,更多请访问https://www.tulaoshi.com/javascript/)

来源:https://www.tulaoshi.com/n/20160129/1482851.html

延伸阅读
标签: 电脑应用
Word2003办公软件中,为大家提供了一种很常用的文字处理效果,就是“文本框”。此效果可以将输入的文字和段落用“方行”框起来,就像添加了边框一样。 给予一种特殊的排版效果。当然,此效果没任何限制,可任意框选任意字数。下面就让我们一起来看看吧! “文本框”有两种使用方法。 方法一、先插入“文本框”...
标签: 软件教程
wps演示是我工作学习中经常要用到的东西。我们ppt要添加文字但是又不想用默认的文本框该怎么添加新的文本框呢?下面小编为大家介绍一下 1、首先我们打开wps演示,点击“插入”==“文本框” 我们可以根据自己需要,然后我们选择自己想要的类型文本框
wps演示怎么添加文本框   1、首先我们打开wps演示,点击插入==文本框 我们可以根据自己需要,然后我们选择自己想要的类型文本框 WPS文字怎么关闭拼写检查   1、首先打开wps,选择wps文字--选项,进入设置页面或者点击下拉工具选择拼写检查 2、再设置页面选项拼写选项卡。在拼写选项卡中选择勾选掉输...
wps演示怎么添加文本框?   1、首先我们打开wps演示,点击插入==文本框 我们可以根据自己需要,然后我们选择自己想要的类型文本框 wps文字标尺怎么显示   1、其实方法很简单,首先我们打开WPS,默认我们是不显示标尺的 2、点击tuLaoShi.com视图菜单===标尺 这样我们标尺就出来啦 Word和WPS中通...
标签: word
word2010怎么插入文本框   通过使用Word2010文本框,用户可以将Word文本很方便地放置到Word2010文档页面的指定位置,而不必受到段落格式、页面设置等因素的影响。Word2010内置有多种样式的文本框供用户选择使用,在Word2010文档中插入文本框的步骤如下所述: 第1步,打开Word2010文档窗口,切换到插入功能区。在文本分组中单击文...

经验教程

383

收藏

44
微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部