要求:在输入框输入数据,点击确定按钮时,将数据录入至数据表格中,录入之后输入框中数据清空,以方便再次录入。点击数据删除按钮,删除对应行数据。
<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>
点击录入,ajax保存到数据库
js删除录入数据
建议你先买本书好好学html,学到form表单的时候就会了。肯定有案例教你。楼上评论比较符合实际做法。
如果只是一个静态网站的话,实现的方法当然不止一种,我就简单的介绍一种吧。用到JavaScript是肯定得了,首先你需要在HTML中为每个input(输入框)设置id。然后当点击确定按钮之后,利用js的获取DOM的document.getElementById("id的名字")来获取。然后把获取到的数据存到数组当中。之后把数组中的数据赋值给表格里相应的单元格,之后再把input里的value值设为空。