table的各个输入域都不能编辑.html

来自「javascript编码总结」· HTML 代码 · 共 48 行

HTML
48 行
字号 
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
<HEAD>
<TITLE> New Document </TITLE>
<META NAME="Generator" CONTENT="EditPlus">
<META NAME="Author" CONTENT="">
<META NAME="Keywords" CONTENT="">
<META NAME="Description" CONTENT="">
</HEAD>

<BODY><!-- 使页面中整个table的各个输入域都不能编辑状态 -->
<style>  
.disabled{gorush:expression(disabled=true)}  
</style>  
<input  class=disabled value="123">
<INPUT TYPE="submit" disabled>

<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>



</BODY>
</HTML>

table的各个输入域都不能编辑.html - 源码说明

本页面展示了「javascript编码总结」中的 table的各个输入域都不能编辑.html 源码文件，采用 HTML 编程语言编写，共 48 行代码。您可以在线阅读完整代码内容，也可以返回资源详情页下载完整源码包进行本地学习和开发。

虫虫开发者社区收录了大量与JavaScript相关的技术资源，包括源代码、技术文档、电路图等，是电子工程师和嵌入式开发者的专业学习平台。

⌨️ 快捷键说明

复制代码Ctrl + C
搜索代码Ctrl + F
全屏模式F11
增大字号Ctrl + =
减小字号Ctrl + -
显示快捷键?