<script type="text/javascript">
/*动态控制表格*/
/*动态添加*/
window.onload=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.onload=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" onkeypress="return LessThan(this)" maxlength="50">
</textarea>
</body>
</html>
<title>无标题文档</title>
</head>
<body>
<!--鼠标经过时自动聚焦,当光标移入文本域时文本域自动获得焦点,然后当获得焦点时自动聚焦-->
<textarea id="comment" cols="20" rows="10" onmouseover="this.focus();" onfocus="this.select();" >
请在此输入您要输入的内容.
</textarea>
</body>
</html>
分享到：
相关推荐
在网页设计和开发中，按钮、表格和表单验证是三个关键元素，它们共同构建了用户与网站交互的基础。下面将详细阐述这三个方面的知识。 首先，我们来看“按钮”。按钮在网页中扮演着触发动作的角色，它允许用户执行...
在探讨“javascript表格操作”这一主题时，我们深入解析如何使用JavaScript来动态地创建、修改和操作HTML表格。以下是从给定的代码片段中提取的关键知识点： ### 动态插入行与删除行 #### 插入行：`insertRow()` -...
javascript二级联动表单javascript二级联动表单javascript二级联动表单javascript二级联动表单javascript二级联动表单javascript二级联动表单javascript二级联动表单javascript二级联动表单
包含表格表单创建、样式设置、事件绑定（表格、表单、复选框）、事件处理JavaScript 事件处理 示例代码 包含表格表单创建、样式设置、事件绑定（表格、表单、复选框）、事件处理JavaScript 事件处理 示例代码 包含...
总结来说，这个示例展示了如何使用JavaScript在前端动态添加表格行，以及如何通过表单提交这些数据到服务器。虽然例子使用的是较旧的技术（如IE6和ASP），但基本的JavaScript逻辑仍然适用于现代Web开发。在现代Web...
实验报告的标题“JavaScript程序设计——页面设置与表单验证实验报告.docx”涉及的核心是JavaScript编程中的两个关键领域：页面设置和表单验证。在Web开发中，JavaScript是一种常用的客户端脚本语言，用于增强用户的...
在本主题中，我们将深入探讨如何使用纯JavaScript来实现表格（table）的行增删功能，这对于创建数据管理界面或者用户输入表单的网页特别有用。 首先，我们需要了解HTML中的`<table>`元素。`<table>`是用于展示结构...
总结，实现一个可编辑表格（表单）需要结合HTML、CSS、JavaScript以及可能的前端框架，与后端配合完成数据的提交和处理。通过这样的方式，我们可以创建出一个功能完备、用户体验良好的网页表单系统。
本文将深入探讨如何利用Element UI的Form表单组件构建一个高拓展性的表格布局组件。 首先，Element UI的Form组件提供了强大的表单处理能力，它支持各种表单元素如Input、Select、Checkbox、Radio等，并且具有表单...
"vue3+ts 表单和表格配置化组件"这一主题，主要关注的是如何利用Vue3、TypeScript以及Element Plus来创建高度可配置的表单和表格组件。这些组件通常用于处理动态数据，允许开发者通过配置对象来定义表单字段或表格列...
标题 "JQUERY输入提醒表格表单特效代码下载.rar" 暗示了这是一个关于使用jQuery实现的表单输入验证和提示效果的代码资源。在Web开发中，jQuery是一个广泛使用的JavaScript库，它简化了DOM操作、事件处理和动画制作等...
JavaScript表格渲染组件是一种用于在网页中展示数据的高效工具，常用于数据分析、用户交互和信息展示。本篇文章主要探讨一个特定的JavaScript表格组件，它具备常见的功能如分页、搜索、删除以及AJAX操作，并使用...
这个压缩包中的资源着重于HTML的基础结构，特别是表格、表单以及锚点、`input`和`button`元素的使用。以下是对这些知识点的详细说明： 1. **HTML表格**：HTML中的表格由`<table>`标签开启，`</table>`标签闭合。...
本文将探讨在使用layui框架的情况下，如何在表单提交之后重新加载数据表格。 首先，让我们来分析一下使用的layui组件。Layui是一个前端UI框架，它提供了一套模块化的组件，方便开发者快速开发界面。其中，form模块...
本教程将探讨JavaScript在实现页面、表格、窗口、按钮和链接等元素的各种特效方面的应用。 1. 页面特效： - 滚动条：JavaScript可以控制页面滚动，如创建平滑滚动效果，或者自定义滚动条样式。 - 动态加载：通过...
在网页中，JavaScript常用于交互式内容的创建，如动态表单、数据验证以及，如标题所述，表格的自动排序。下面我们将深入探讨如何使用JavaScript实现表格排序功能。 一、HTML表格基础 在HTML中，`<table>`元素用于...
JavaScript则赋予了表格生命，使其能够响应用户的输入和操作。例如，使用事件监听器（如 `ondblclick`）可以捕捉到用户双击单元格的行为，然后执行相应的函数来改变单元格内容。此外，JavaScript还能实现数据验证，...
通过以上分析，我们可以看到JavaScript在前端表单验证中的重要作用。合理利用JavaScript可以显著提升用户体验，并确保数据的有效性和安全性。同时，随着技术的发展，开发者们也在不断探索更高效、更安全的验证策略。
总之，"表格、表单提示显示-HTML-代码"这个资源将帮助开发者深入理解如何利用HTML、CSS和JavaScript构建具有交互性与动态效果的网页。通过学习和实践这个示例，你可以提升在前端开发中的技能，尤其是关于表格和表单...
3. 表单集成：除了表格，ActiveWidgets还提供表单组件，可以与数据网格联动，实现数据输入和验证。 4. 主题和国际化：ActiveWidgets支持多种预设主题，可以快速改变UI风格。同时，它还支持多语言，方便全球化的应用...