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

jason197704 2012-04-27 01:01:23
大家好，我正在学习网页制作，想把表格第一行的日期都变成只读模式，不能改动，试了很多方法都不行，还请各位高手指点，谢谢。
<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>
...全文
154 9 打赏 收藏 转发到动态 举报
写回复
用AI写文章
9 条回复
切换为时间正序
请发表友善的回复…
发表回复
爱在夕阳下 2012-04-27
  • 打赏
  • 举报
 回复
这些属性 编辑器都有提示吧？
在路上_等你 2012-04-27
  • 打赏
  • 举报
 回复
大小写注意 readOnly
在路上_等你 2012-04-27
  • 打赏
  • 举报
 回复
设置 readonly ="readonly"
三石-gary 2012-04-27
  • 打赏
  • 举报
 回复
[Quote=引用 4 楼 的回复:]

readOnly,搂住也是程序员注意大小写啊
[/Quote]
+11
KingViker 2012-04-27
  • 打赏
  • 举报
 回复
readOnly,搂住也是程序员注意大小写啊
licip 2012-04-27
  • 打赏
  • 举报
 回复
<input name="textfield72" type="text" id="textfield72" size="10" readonly/>
这样行呀。
Acesidonu 2012-04-27
  • 打赏
  • 举报
 回复
设置readOnly
jason197704 2012-04-27
  • 打赏
  • 举报
 回复
谢谢大家，搞定了
001007009 2012-04-27
  • 打赏
  • 举报
 回复 


<!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>
PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part1
实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...
PHP开发实战1200例(第1卷).(清华出版.潘凯华.刘中华).part2
实例156 限制多行文本域输入的字符个数 187 实例157 设置文本框的只读属性 188 实例158 自动计算金额 189 实例159 为文本框设置默认值 190 实例160 设置文本框的样式 191 实例161 文本域的滚动条 192 3.3 下拉列表的...
JavaScript网页特效范例宝典源码
实例058 限制多行文本域输入的字符个数 100 实例059 自动选择文本框/编辑框中的文字 102 实例060 按下回车键时自动切换焦点 103 2.2 下拉列表/菜单 104 实例061 获取下拉列表/菜单的值 104 实例062 遍历多选择下拉...
PHP程序开发范例宝典III
实例045　限制多行文本域输入的字符个数　64 2.5　表单的综合应用　65 实例046　表单组件的综合应用　65 实例047　同一个页面中的多表单提交　66 实例048　获取表单中提交的所有数据　68 实例049　以文件域的形式...
第25讲-文本框和文本域| 剑雨Axure RP9系列【基础】
文本框和文本域 文本框和文本域属于表单控件，可以用于输入终端的键入响应。 文本框：针对单行输入，例如用户名或密码等等。（也适用于搜索。） 文本域：针对多行输入，例如一些反馈的表单等等。 提示文字 “ 交互...
JavaScript

87,910

社区成员

224,616

社区内容

发帖
与我相关
我的任务
社区描述
Web 开发 JavaScript
社区管理员
  • JavaScript
  • 无·法
加入社区
  • 近7日
  • 近30日
  • 至今

加载中

查看更多榜单
社区公告
暂无公告

试试用AI创作助手写篇文章吧

+ 用AI写文章