<html>
<head>
<title>js练习<title>
<style>
.dall{
height:600;
width:600;
font-size:12pt;
color:purple;
background:lightblue;
}
.dmain{
width:450;
background:yellow;
}
.dfoot{
width:450;
background:green;
}
</style>
<script language="javascript">
function addrow(){
var sid = document.getElementById('id');
var sname = document.getElementById('name');
var ssalary = document.getElementById('salary');
var tb = document.getElementById('tb');
var tr = document.createElement('tr');
var tid = document.createElement('td');
tid.appendChild(document.createTextNode(sid.value));
tr.appendChild(tid);
var tname = document.createElement('td');
tname.appendChild(document.createTextNode(sname.value));
tr.appendChild(tname);
var tsal = document.createElement('td');
tsal.appendChild(document.createTextNode(ssalary.value));
tr.appendChild(tsal);
tb.appendChild(tr);
}
function reset(){
var sid = document.getElementById('id');
sid.value='';
var sname = document.getElementById('name');
sname.value='';
var ssalary = document.getElementById('salary');
ssalary.value='';
}
</script>
</head>
<body>
<h2 style="color:blue">js表单练习</h2>
<hr>
<div class="dall">
<div class="dmain">
<center><h3>员工收入表</h3><center>
<table border='1' width='450'>
<thead>
<tr>
<th>id</th>
<th>name</th>
<th>salary</th>
</tr>
</thead>
<tbody id="tb"><tbody>
<tfoot></tfoot>
</table>
</div>
<div class="dfoot">
<table>
<tr>
<td>id:</td>
<td><input id="id" type="text" name="id"/></td>
</tr>
<tr>
<td>name:</td>
<td><input id="name" type="text" name="name"/><br></td>
</tr>
<tr>
<td>salary:</td>
<td><input id="salary" type="text" name="salary"/></td>
</tr>
<tr>
<td><input type="button" value="addRow"
onclick="addrow()"/></td>
<td><input type="button" value="reset" onclick="reset();"/></td>
</tr>
</table>
</div>
</div>
</body>
</html>
分享到：
相关推荐
"易语言菜单最近记录动态添加源码"这一主题，意味着我们将探讨如何在易语言中实现一个功能，即动态地在程序菜单中添加用户的最近操作记录。 在易语言中，菜单通常是用户与程序交互的重要途径，通过菜单可以执行各种...
extjs4动态添加表头字段、删除、增加记录！
动态添加js,动态添加表格和删除表格,批量添加记录，批量添加
易语言菜单最近记录动态添加源码,菜单最近记录动态添加,读取配置,临时处理消息,GetMenuItemCount,DeleteMenu,InsertMenuA,GetMenu,GetSubMenu,SetWindowLongA,CallWindowProcA,GetMenuStringA
gridControl允许开发者在应用程序中展示、编辑和管理大量数据，而动态添加行是它的一个关键特性。 动态添加行是指在运行时根据需要向gridControl中插入新的数据行。这在处理不确定数量数据或实时更新数据的应用场景...
通过本篇文章，我们将学习如何使用jQuery实现动态添加和删除按钮及input输入框的方法，同时还将涉及到事件响应和页面元素动态操作的相关技巧。 首先，我们需要注意的是，当页面加载完毕后，jQuery的$(document)....
对于动态添加行，我们可以将新行的添加和删除操作记录到ViewState中，但需要注意的是，ViewState的大小受到限制，如果表格非常大，可能会导致性能问题或超出限制。 3. **结合Session和ViewState** 由于Session不受...
除了在代码中动态添加，你也可以在DFM文件（如Unit2.dfm）中预先定义ListView的结构，包括列和初始数据。DFM文件是C++ Builder中的组件状态描述文件，编辑器允许你直接编辑组件属性，包括ListView的Columns和Items。...
4. **填充内表**：使用`FIELD-SYMBOLS`来动态定义字段并赋值，然后通过`APPEND`或`INSERT`将数据添加到内表。例如： ```abap DATA: ls_data LIKE LINE OF lt_table. FIELD-SYMBOLS: <ls_field> TYPE any. ...
在C#编程中，动态添加控件是一项常用的技术，它允许开发者在运行时根据需要创建和添加用户界面元素。这在构建高度可定制的应用程序或处理未知数量的数据时尤其有用。下面将详细介绍C#中动态添加控件的概念、步骤以及...
标题中的“pb动态添加数据库字段”指的是在PowerBuilder（PB）开发环境中，程序运行时能够根据需要动态地向数据窗口对象（DataWindow）或者数据库结构中添加新的字段。这是一种高级功能，通常用于处理数据结构不确定...
在ElasticJob-Lite中，动态添加任务是通过调用其提供的API或者使用控制台实现的。这在业务需求频繁变化或新功能快速迭代的场景下非常有用。动态添加任务的步骤如下： 1. **配置中心**：ElasticJob-Lite通常与...
总结来说，".net动态添加行"是一种在ASP.NET应用中提高用户体验的方法，通过DATATABLE和VIEWSTATE在页面回发期间保存用户输入，最后一次性将所有数据批量写入数据库，避免了频繁的数据库交互，提升了应用性能。...
1. **添加记录**：在通讯录系统中，添加记录通常涉及到创建一个新的联系人对象，包含姓名、电话号码等信息，并将其插入到数据结构（如链表、数组或哈希表）中。这需要掌握C++中的类定义、构造函数、成员函数以及动态...
易语言源码易语言菜单最近记录动态添加源码.rar 易语言源码易语言菜单最近记录动态添加源码.rar 易语言源码易语言菜单最近记录动态添加源码.rar 易语言源码易语言菜单最近记录动态添加源码.rar 易语言源码易语言...
动态添加意味着在程序运行时，可以根据用户输入或者特定条件灵活地创建新的数据记录。下面我们将深入探讨如何在C#中实现这个功能。 首先，我们需要一个数据库连接。在C#中，可以使用ADO.NET库来与各种类型的数据库...
1. **动态添加与删除**：指不刷新页面的情况下，在客户端（即浏览器）中对数据进行增删操作。 2. **DOM操作**：即文档对象模型（Document Object Model）操作，是指通过JavaScript来修改HTML文档中的元素。 3. **...
本文将详细探讨"jQuery动态添加删除分组插件"，以及如何结合用户分组和Bootstrap框架来实现高效且用户友好的界面。 首先，我们需要理解jQuery动态添加删除分组插件的核心功能。这个插件主要用于创建可动态增删的...
"易语言菜单最近记录动态添加源码.7z"这个压缩包文件很显然是提供了易语言中关于创建动态菜单，特别是涉及到最近使用的记录功能的源代码。 在编程中，菜单是用户界面的重要组成部分，它提供了用户与应用程序交互的...
在Web开发中，动态添加记录是常见的操作之一，特别是在数据库驱动的Web应用中。PHP作为一种服务器端脚本语言，经常用于实现这样的功能。PHP动态添加记录通常包含以下几个步骤： 1. 创建HTML表单以收集用户输入的...