请问,怎么设置文本框的readonly属性?在线等

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Untitled Document</title>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312">
</head><body>
<form name="form1" method="post" action="">
  <span id="tf1"><input type="text" id="textfield" name="textfield" readonly value="sdfwefwe"></span>
  <input type="button" name="Button" value="变为可写" onClick="document.all.tf1.innerHTML='<input type=text id=textfield name=textfield value='+document.form1.textfield.value+'>'">
  <input type="button" name="Button" value="变为只读" onClick="document.all.tf1.innerHTML='<input type=text id=textfield readonly name=textfield value='+document.form1.textfield.value+'>'">
</form>
<form name="form2" method="post" action="">
  <span id="tf2"><input type="text" id="textfield" name="textfield"></span>
  <input type="button" name="Button3" value="变为可写" onClick="document.all.tf2.innerHTML='<input type=text id=textfield name=textfield value='+document.form2.textfield.value+'>'">
  <input type="button" name="Button" value="变为只读" onClick="document.all.tf2.innerHTML='<input type=text id=textfield readonly name=textfield value='+document.form2.textfield.value+'>'">
</form>
</body>
</html>

解决方案 »

  1.   

    把你的代码改好了，一个问题，注意js是区分大小写的：<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
    <head>
    <title>Untitled Document</title>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312">
    </head><body>
    <form name="form1" method="post" action="" ID="Form1">
      <input type="text" id="textfield" name="textfield" readonly="no" value="sdfwefwe">
      <input type="button" name="Button" value="变为可写" onClick="document.Form1.textfield.readOnly=0" ID="Button1">
      <input type="button" name="Button" value="变为只读" onClick="document.Form1.textfield.readOnly=1" ID="Button2">
    </form>
    <form name="form2" method="post" action="" ID="Form2">
      <input type="text" id="Text1" name="textfield">
      <input type="button" name="Button3" value="变为可写" onClick="document.form2.Text1.readOnly=0" ID="Button3">
      <input type="button" name="Button" value="变为只读" onClick="document.form2.Text1.readOnly=1" ID="Button4">
    </form>
    </body>
    </html>