javascript锁定input 不让修改

Question

最近看到有很多，input框被锁定了不让修改？被一个红色的背景覆盖着，那是怎么做的？

Answer 1

<input type="text" style="background:red;" disabled="false">

Answer 2

<input type="text" value="你改不了" style="background:red;" disabled="false">

Answer 3

<input type="text" style="background:red;" readonly="readonly">

Answer 4

#1楼 得分：0回复于：2010-07-09 13:01:47<input type="text" style="background:red;" disabled="false"> 
 学习中，多谢了

Answer 5

支持 readonly="readonly"，disabled不太好看
另外，disabled 后面还有值吗？直接就是 disabled 吧……

Answer 6

disabled是提交后台无法取值
但是用readOnly就可以取值
这就他们的分别，所以取值用
<input type="text" style="background:red;" readonly="readonly">

Answer 7

看用途吧。
如果有disabled屬性的話就無法傳送此參數到下一個頁面！
readonly可以！同5樓的疑問：
diabled跟readonly一樣！直接打就有作用。
但是為了符合標準！所以許多人都會加個值如：readonly="readonly"等等的。
我的疑惑是為什要設disabled="false"。如果單以字面上來看的話很像是not disable，也就是enable。
為什不寫disabled="true"呢?
以javascript操作時也是設為true時才有作用的 :D

Answer 8

disabled="false" 加了这个之后
为什么有的转值 有得值传不过去啊？

Answer 9

有整个将 able 的 TD 被框了起来的JS吗？不让改的

Answer 10

不让改的你还提交它有什么意义啊。直接把form去掉就不用提交了

Answer 11

<input type="text" readonly="readonly">

Answer 12

  <TABLE>
  <TR>
<TD><INPUT TYPE="checkbox" onclick="fun(this.checked)">下面的不可修改 <INPUT TYPE="text" value="我永远可以改"></TD>
  </TR>
  <TR>
<TD id="td1">
<INPUT TYPE="RADIO" NAME="rad" value="chk">
<INPUT TYPE="checkbox" NAME="" value="chk">
<INPUT TYPE="text" NAME="" value="text">
<TEXTAREA NAME="" ROWS="" COLS="" readOnly></TEXTAREA>
</TD>
  </TR>
  </TABLE>
  <SCRIPT LANGUAGE="JavaScript">
  <!--
function fun(flag){
var td = document.getElementById('td1');
var inps = td.getElementsByTagName('input');
var tas = td.getElementsByTagName('TEXTAREA');
if (flag) { //不可修改
td.style.backgroundColor = "#EEEEEE";
for(var i=0; i<inps.length; i++) {
if (inps[i].type == 'text') inps[i].readOnly = true;
else if (inps[i].type == 'radio' || inps[i].type == 'checkbox') inps[i].onclick = function(){return false};
inps[i].style.backgroundColor = "#EEEEEE";
}
for(var i=0; i<tas.length; i++) {
tas[i].readOnly = true;
tas[i].style.backgroundColor = "#EEEEEE";
}
}
else { //恢复为可修改
td.style.backgroundColor = "#FFFFFF";
for(var i=0; i<inps.length; i++) {
if (inps[i].type == 'text') inps[i].readOnly = false;
else if (inps[i].type == 'radio' || inps[i].type == 'checkbox') inps[i].onclick = "";
inps[i].style.backgroundColor = "#FFFFFF";
}
var tas = td.getElementsByTagName('TEXTAREA');
for(var i=0; i<tas.length; i++) {
tas[i].readOnly = false;
tas[i].style.backgroundColor = "#FFFFFF";
}
}
}
  //-->
  </SCRIPT>

Answer 13

<input type="text" style="background:red;" disabled="false">

Answer 14

佩服，你看得出来？？？，background:red;

Answer 15

readonly="true"或者放一个div隐藏 显示

Answer 16

documnet.all['input1'].disabled=true;
这样就能锁定输入框不能输入了。还一个readOnly属性也是同样，用法也是一样。