为什么文本域不能设为只读模式

大家好，我正在学习网页制作，想把表格第一行的日期都变成只读模式，不能改动，试了很多方法都不行，还请各位高手指点，谢谢。
<form   name= "form1 "   method= "post "   action= " "> 
    <input   type= "text "   name= "textfield "   readonly（或者readonly="true", readonly=true, readonly="false" > 
</form> 上面几种方法都不行。
代码如下：<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 <html xmlns="http://www.w3.org/1999/xhtml">
 <head>
 <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
 <title>timesheet</title>
 <style type="text/css">
 <!--
 .STYLE5 { font-size: 16px;
  font-weight: bold;
 }
 #Layer1 {
  position:absolute;
  width:997px;
  height:115px;
  z-index:1;
  left: 143px;
  top: 39px;
  visibility: visible;
 }
 #Layer2 {
  position:absolute;
  width:200px;
  height:115px;
  z-index:2;
  left: 984px;
  top: 86px;
 }
 body {
  background-color: #00CCFF;
 }
 #Layer3 {
  position:absolute;
  left:1019px;
  top:107px;
  width:90px;
  height:54px;
  z-index:2;
 }
 -->
 </style>
 <link href="../CSS/Level1_Arial.css" rel="stylesheet" type="text/css" />
 <style type="text/css">
 <!--
 .STYLE6 {font-size: 16px; font-weight: bold; font-family: "宋体"; }
 .STYLE7 {font-family: "宋体"}
 .STYLE10 {font-size: 14px}
 -->
 </style>
 <script type="text/javascript">
 function init(){
 var x=[];
 var a=new Date();
 var m=a.getDay();
 for(var i=m-1;i>=0;i--){
 var y=a.getTime()-86400000*(m-1-i);
 x[i]=new Date(y);
 }
 var b=document.getElementsByTagName("input");
 for(i=m;i<=b.length;i++){
 var y=a.getTime()+86400000*(i-m+1);
 x[i]=new Date(y);
 }
 
 var hutia = 0;
 for(var i=0;i<b.length;i++){
 if(b[i].type=="text"){
 b[i].value=(x[hutia].getMonth()+1)+"-"+x[hutia].getDate();
 hutia++;
  if (hutia > 6) break;
 }
 }
 }
 window.onload=init;
 </script>
 </head>
 <body>
 <table width="40" height="40" border="0" cellpadding="0" cellspacing="0">
  <tr>
  <td><img src="../logo.gif" width="50" height="50" /></td>
  </tr>
 </table>
 <table width="50" height="90" border="0" align="left" cellpadding="0" cellspacing="0">
  <tr>
  <td><div align="center" class="STYLE5"><a href="../project/project-0426.html">项目</a></div></td>
  </tr>
  <tr>
  <td><div align="center" class="STYLE5"><a href="../report/reportsummary.html" target="_blank">总表</a></div></td>
  </tr>
  <tr>
  <td width="50"><div align="center" class="STYLE5"><a href="/" onclick="javascript:window.close(); return false;"><u>退出</u></a></div>
  <div id="Layer1">
  <form id="form1" name="form1" method="post" action="">
  <table width="729" height="35" border="0" cellpadding="0" cellspacing="0">
  <tr>
  <td width="438">
  <div align="right">
  <input type="submit" style="width:55px; height:28px" name="submit1" id="button1" value="保存" />
  </div></td>
  <td width="330">
  <div align="center">
  <input type="reset" style="width:55px; height:28px" name="reset1" id="button2" value="清除" />
  </div></td>
  </tr>
  </table>
  <table width="839" height="119" border="0" cellpadding="0" cellspacing="0" id="1">
  <tr>
  <td width="850"><table width="837" height="114" border="1" cellpadding="1" cellspacing="1" id="3">
  <tr>
  <td width="175" height="23">&nbsp;</td>
  <td width="82" bgcolor="#00CCFF"><label for="textfield"></label>
  <input name="textfield7" type="text" id="textfield" size="10" /></td>
  <td width="82" bgcolor="#00CCFF"><input name="textfield72" type="text" id="textfield72" size="10" /></td>
  <td width="82" bgcolor="#00CCFF"><input name="textfield73" type="text" id="textfield73" size="10" /></td>
  <td width="82" bgcolor="#00CCFF"><input name="textfield74" type="text" id="textfield74" size="10" /></td>
  <td width="82" bgcolor="#00CCFF"><input name="textfield75" type="text" id="textfield75" size="10" /></td>
  <td width="82" bgcolor="#00CCFF"><input name="textfield76" type="text" id="textfield76" size="10" /></td>
  <td width="82" bgcolor="#00CCFF"><input name="textfield77" type="text" id="textfield77" size="10" /></td>
  <td width="53" bgcolor="#00CCFF"><div align="center" class="STYLE5">总计</div></td>
  </tr>
  <tr>
  <td height="20"><input name="textfield" type="text" value="HeNan CUTC P8.3-A020080" size="25" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield5" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield58" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield6" type="text" size="10" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield582" type="text" size="10" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield583" type="text" size="10" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield584" type="text" size="10" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield585" type="text" size="10" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield586" type="text" size="6" /></td>
  </tr>
  <tr>
  <td height="20"><input name="textfield2" type="text" value="HeBei CMCC P12.1-B030010" size="25" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield598" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield592" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield593" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield594" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield595" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield596" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield597" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield5862" type="text" size="6" /></td>
  </tr>
  <tr>
  <td height="20">&nbsp;</td>
  <td bgcolor="#FFFFFF"><input name="textfield59" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield592" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield593" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield594" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield595" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield596" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield597" type="text" size="10" align="center" /></td>
  <td bgcolor="#FFFFFF"><input name="textfield5864" type="text" size="6" /></td>
  </tr>
  </table></td>
  </tr>
  </table>
  <br />
  </form>
  </div></td>
  </tr>
 </table>
 <p>&nbsp;</p>
 </body>
 </html>

解决方案 »

  1.   


    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
     <html xmlns="http://www.w3.org/1999/xhtml">
     <head>
     <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
     <title>timesheet</title>
     <style type="text/css">
     <!--
     .STYLE5 { font-size: 16px;
      font-weight: bold;
     }
     #Layer1 {
      position:absolute;
      width:997px;
      height:115px;
      z-index:1;
      left: 143px;
      top: 39px;
      visibility: visible;
     }
     #Layer2 {
      position:absolute;
      width:200px;
      height:115px;
      z-index:2;
      left: 984px;
      top: 86px;
     }
     body {
      background-color: #00CCFF;
     }
     #Layer3 {
      position:absolute;
      left:1019px;
      top:107px;
      width:90px;
      height:54px;
      z-index:2;
     }
     -->
     </style>
     <link href="../CSS/Level1_Arial.css" rel="stylesheet" type="text/css" />
     <style type="text/css">
     <!--
     .STYLE6 {font-size: 16px; font-weight: bold; font-family: "宋体"; }
     .STYLE7 {font-family: "宋体"}
     .STYLE10 {font-size: 14px}
     -->
     </style>
     <script type="text/javascript">
     function init(){
     var x=[];
     var a=new Date();
     var m=a.getDay();
     for(var i=m-1;i>=0;i--){
     var y=a.getTime()-86400000*(m-1-i);
     x[i]=new Date(y);
     }
     var b=document.getElementsByTagName("input");
     for(i=m;i<=b.length;i++){
     var y=a.getTime()+86400000*(i-m+1);
     x[i]=new Date(y);
     }
      
     var hutia = 0;
     for(var i=0;i<b.length;i++){
     if(b[i].type=="text"){
     b[i].value=(x[hutia].getMonth()+1)+"-"+x[hutia].getDate();
     b[i].readOnly = true;
     hutia++;
      if (hutia > 6) break;
     }
     }
     }
     window.onload=init;
     </script>
     </head>
     <body>
     <table width="40" height="40" border="0" cellpadding="0" cellspacing="0">
      <tr>
      <td><img src="../logo.gif" width="50" height="50" /></td>
      </tr>
     </table>
     <table width="50" height="90" border="0" align="left" cellpadding="0" cellspacing="0">
      <tr>
      <td><div align="center" class="STYLE5"><a href="../project/project-0426.html">项目</a></div></td>
      </tr>
      <tr>
      <td><div align="center" class="STYLE5"><a href="../report/reportsummary.html" target="_blank">总表</a></div></td>
      </tr>
      <tr>
      <td width="50"><div align="center" class="STYLE5"><a href="/" onclick="javascript:window.close(); return false;"><u>退出</u></a></div>
      <div id="Layer1">
      <form id="form1" name="form1" method="post" action="">
      <table width="729" height="35" border="0" cellpadding="0" cellspacing="0">
      <tr>
      <td width="438">
      <div align="right">
      <input type="submit" style="width:55px; height:28px" name="submit1" id="button1" value="保存" />
      </div></td>
      <td width="330">
      <div align="center">
      <input type="reset" style="width:55px; height:28px" name="reset1" id="button2" value="清除" />
      </div></td>
      </tr>
      </table>
      <table width="839" height="119" border="0" cellpadding="0" cellspacing="0" id="1">
      <tr>
      <td width="850"><table width="837" height="114" border="1" cellpadding="1" cellspacing="1" id="3">
      <tr>
      <td width="175" height="23">&nbsp;</td>
      <td width="82" bgcolor="#00CCFF"><label for="textfield"></label>
      <input name="textfield7" type="text" id="textfield" size="10" /></td>
      <td width="82" bgcolor="#00CCFF"><input name="textfield72" type="text" id="textfield72" size="10" /></td>
      <td width="82" bgcolor="#00CCFF"><input name="textfield73" type="text" id="textfield73" size="10" /></td>
      <td width="82" bgcolor="#00CCFF"><input name="textfield74" type="text" id="textfield74" size="10" /></td>
      <td width="82" bgcolor="#00CCFF"><input name="textfield75" type="text" id="textfield75" size="10" /></td>
      <td width="82" bgcolor="#00CCFF"><input name="textfield76" type="text" id="textfield76" size="10" /></td>
      <td width="82" bgcolor="#00CCFF"><input name="textfield77" type="text" id="textfield77" size="10" /></td>
      <td width="53" bgcolor="#00CCFF"><div align="center" class="STYLE5">总计</div></td>
      </tr>
      <tr>
      <td height="20"><input name="textfield" type="text" value="HeNan CUTC P8.3-A020080" size="25" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield5" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield58" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield6" type="text" size="10" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield582" type="text" size="10" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield583" type="text" size="10" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield584" type="text" size="10" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield585" type="text" size="10" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield586" type="text" size="6" /></td>
      </tr>
      <tr>
      <td height="20"><input name="textfield2" type="text" value="HeBei CMCC P12.1-B030010" size="25" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield598" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield592" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield593" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield594" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield595" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield596" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield597" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield5862" type="text" size="6" /></td>
      </tr>
      <tr>
      <td height="20">&nbsp;</td>
      <td bgcolor="#FFFFFF"><input name="textfield59" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield592" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield593" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield594" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield595" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield596" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield597" type="text" size="10" align="center" /></td>
      <td bgcolor="#FFFFFF"><input name="textfield5864" type="text" size="6" /></td>
      </tr>
      </table></td>
      </tr>
      </table>
      <br />
      </form>
      </div></td>
      </tr>
     </table>
     <p>&nbsp;</p>
     </body>
     </html>
      

  2.   

    <input name="textfield72" type="text" id="textfield72" size="10" readonly/>
    这样行呀。
      

  3.   

    readOnly,搂住也是程序员注意大小写啊
      

  4.   

    设置 readonly ="readonly"