■■请教：如何使页面中整个table的各个输入域都不能编辑状态？请给出例子■■

Question

<table width="100%" border="1" cellpadding="5" cellspacing="0" id="tab1">
  <tr> 
    <td><input type="text" name="textfield"></td>
    <td><input type="text" name="textfield"></td>
    <td><input type="text" name="textfield"></td>
  </tr>
  <tr> 
    <td><input type="text" name="textfield2"></td>
    <td><input type="text" name="textfield2"></td>
    <td><input type="text" name="textfield2"></td>
  </tr>
  <tr> 
    <td><input type="text" name="textfield3"></td>
    <td><input type="text" name="textfield3"></td>
    <td><input type="text" name="textfield3"></td>
  </tr>
</table>
<script language="JavaScript">
var inputs = tab1.getElementsByTagName("input")
for(i=0;i<inputs.length;i++)
{
if(inputs[i].type=="text")
inputs[i].readOnly=true;
}
</script>

Answer 1

<table width="100%" border="1" cellpadding="5" cellspacing="0" id="tab1">
  <tr> 
    <td><input type="text" name="textfield"></td>
    <td><input type="text" name="textfield"></td>
    <td><input type="text" name="textfield"></td>
  </tr>
  <tr> 
    <td><input type="text" name="textfield2"></td>
    <td><input type="text" name="textfield2"></td>
    <td><input type="text" name="textfield2"></td>
  </tr>
  <tr> 
    <td><input type="text" name="textfield3"></td>
    <td><input type="text" name="textfield3"></td>
    <td><input type="text" name="textfield3"></td>
  </tr>
</table>
<script language="JavaScript">
var inputs = tab1.getElementsByTagName("input")
for(i=0;i<inputs.length;i++)
{
if(inputs[i].type=="text")
inputs[i].readOnly=true;
}
</script>

Answer 2

用个CSS其实就可以解决，如
<style>  
.disabled{gorush:expression(disabled=true)}  
</style>  
<input  class=disabled value="123">若你的input或textarea初始值为空，设maxlength="0"就OK，若不为空，也可设置maxlength="=初始value字符数"(不过后面的方法比较麻烦，不太可取，只作投机使用)

Answer 3

<form name="form1">
<table id=tb1 border =1 >
<tr>
<td>
<input type="text">
</td>
<td>
<input type=button >
</td>
<td>
<input type=checkbox >
</td>
</tr>
<tr>
<td>
<input type=radio >
</td>
<td>
<input type=reset >
</td>
<td>
<input type=submit >
</td>
</tr>
</table>
</form>
<script>
var len=document.form1.tags("input");
for (var i=0;i<len.length;i++)
{
len[i].disabled=true;
}
  
</script>