如何实现JSP页面控件的不可编辑——disabled readonly

很多时候,页面上的一些项目是不能够进行编辑的。这时候,我们可以用2种方法来实现。

1.设置readonly属性

例如:

<td align="left">
    <input type="text" id="usrId" name="usrId" value="${form.usrId}" readonly />
  </td>

设置readonly属性后,控件的背景色和未设置该属性的控件背景色是一样的。因此,为了更好的界面友好性,我们修改上面的代码

<input type="text" id="usrId" name="usrId" value="${form.usrId}" style="background:#FFFF00" readonly />

readonly属性用于input,textarea等。


2.设置disabled属性

disabled属性适用于所有控件,例如input,textarea,select等。且设置后背景色为灰色,点击控件不能得到焦点。

<input type="text" id="usrId" name="usrId" value="${form.usrId}" disabled />


3.readonly和 disabled的区别

readonly没有背景色 disabled有

readonly可以获得焦点 disabled不能

readonly可以在action中获得值 disabled不能

要想在Form提交后,让设置了disabled属性的属性值能在action中得到,那么我们需要在form提交前设置disabled = false


4.如果页面上需要设置disabled属性的控件比较多,那么可以Form中onload下面的function

function disableOcx()
    {
      var form = document.forms[0];
      for (var i = 0; i < form.length; ++i) {
        var element = form.elements[i];
     
        if (element.name) {
        if (element.nodeName == "INPUT") {
          if(element.name != 'return'){
            element.disabled="true";
          element.readOnly = true;
          }
        }
        else if (element.nodeName == "SELECT") {
          element.disabled = true;
        }
        else if (element.nodeName == "TEXTAREA") {
          element.disabled = true;
        }
        }
      }
    }

 

以内内容转自网络:http://blog.sina.com.cn/s/blog_6f92e3a70100p9cj.html


  • 2
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值