为什么文本域不能设为只读模式
大家好，我正在学习网页制作，想把表格第一行的日期都变成只读模式，不能改动，试了很多方法都不行，还请各位高手指点，谢谢。
<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"> </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"> </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> </p>
</body>
</html>
[解决办法]
<!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"> </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"> </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> </p> </body> </html>
[解决办法]
设置readOnly
[解决办法]
<input name="textfield72" type="text" id="textfield72" size="10" readonly/>
这样行呀。
[解决办法]
readOnly,搂住也是程序员注意大小写啊
[解决办法]