javascript表格表单

最新推荐文章于 2023-04-25 21:27:03 发布

jhlovett

最新推荐文章于 2023-04-25 21:27:03 发布

阅读量74

点赞数

分类专栏： Javascript 文章标签： JavaScript HTML ViewUI

Javascript 专栏收录该内容

50 篇文章 0 订阅

订阅专栏

<script type="text/javascript">
/*动态控制表格*/
/*动态添加*/
window.οnlοad=function(){
		var oTab=document.getElementById("tab").insertRow(2);//在表格第三行插入一行数据,索引从0开始.
		var arr=new Array();
		arr[0]=document.createTextNode("张三");
		arr[1]=document.createTextNode("李四");
		arr[2]=document.createTextNode("王五");
		arr[3]=document.createTextNode("赵六");
		arr[4]=document.createTextNode("田七");
		for(var i=0;i<arr.length;i++){
			var oTd=oTab.insertCell(i);//添加单元格.
			oTd.appendChild(arr[i]);//在单元格内添加内容
		}
}
</script>
</head>
<body>
<table id="tab">
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
<tr>
<td>555</td>
<td>444</td>
<td>333</td>
<td>222</td>
<td>111</td>
</tr>
</table>
</body>
</html>




<script type="text/javascript">
/*动态控制表格*/
/*动态删除*/
window.οnlοad=function(){
		var oTable=document.getElementById("tab");
		oTable.deleteRow(2);//删除一行,后面的行号自动补齐
		oTable.rows[2].deleteCell(1);//删除第二个单元格,后面单元格自动补齐
}
</script>
</head>
<body>
<table id="tab" border="1">
<tr>
<td>111</td>
<td>222</td>
<td>333</td>
<td>444</td>
<td>555</td>
</tr>
<tr>
<td>555</td>
<td>444</td>
<td>333</td>
<td>222</td>
<td>111</td>
</tr>
<tr>
<td>777</td>
<td>888</td>
<td>999</td>
<td>1010</td>
<td>1111</td>
</tr>
<tr>
<td>000</td>
<td>xxx</td>
<td>zzz</td>
<td>ttt</td>
<td>qqq</td>
</tr>
</table>
</body>
</html>



<script type="text/javascript">
/*表单基础*/
/*可以通过document.form集合来引用表单,例如一个name属性为"myForm1"的表单
可以用如下语句来获得:document.forms["myForm1"]
其中HTML部分为:
<form method="post" name="myForm1" action="addInfo.aspx">
*/

/*限制文本域输入的字符*/
function LessThan(oTextArea){
	//通过得到文本域输入字符的长度和指定的最大长度(maxlength)得到的boolean值来限制输入的字符数.
	return oTextArea.value.length < oTextArea.getAttribute("maxlength");
}
</script>
</head>
<body>
<!--注:textarea并无maxlength属性,这里的maxlength属性是纯属自己添加用来设置最大字符数!-->
<!--onkeypress当键盘按下时激发-->
<textarea id="comment" cols="20" rows="10" οnkeypress="return LessThan(this)" maxlength="50">
</textarea>
</body>
</html>




<title>无标题文档</title>
</head>
<body>
<!--鼠标经过时自动聚焦,当光标移入文本域时文本域自动获得焦点,然后当获得焦点时自动聚焦-->
<textarea id="comment" cols="20" rows="10" οnmοuseοver="this.focus();" οnfοcus="this.select();" >
请在此输入您要输入的内容.
</textarea>
</body>
</html>

jhlovett

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javascript表格表单

&lt;script type="text/javascript"&gt;/*动态控制表格*//*动态添加*/window.onload=function(){ var oTab=document.getElementById("tab").insertRow(2);//在表格第三行插入一行数据,索引从0开始. var arr=new Array(); arr[0]=...
复制链接

扫一扫