要求:在输入框输入数据,点击确定按钮时,将数据录入至数据表格中,录入之后输入框中数据清空,以方便再次录入。点击数据删除按钮,删除对应行数据。
测试.html
<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
<meta http-equiv="description" content="this is my page">
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<!--<link rel="stylesheet" type="text/css" href="./styles.css">-->
学号: |
姓名: |
年龄: |
课程: |
确定 |
<div align="center">
<table align="center" width="90%" border="1">
<caption><br/><br/>学生信息数据表<br/><br/></caption>
<tr align="center">
<th>学号</th>
<th>姓名</th>
<th>年龄</th>
<th>课程</th>
<th>操作</th>
</tr>
<tr align="center">
<td colspan="10">示例行</td>
</tr>
<tr align="center">
<td width="20%">1</td>
<td width="20%">张三</td>
<td width="20%">20</td>
<td width="20%">JAVA</td>
<td width="10%">
<button>删除</button>
</td>
</tr>
</table>
</div>