行数据添加删除
在.html 中添加代码,实现行数据的添加和删除功能。不可以再form表单中添加id属性,可以绑定事件。
添加数据
点击添加按钮,可以将表单中数据有序添加到表格中展示
删除数据
1)点击任意行的删除链接,可以删除当前行数据,并且序号要保证连续有序
删除后效果:
模板代码
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
</head>
<body>
<ol>
<li>点击按钮:将用户名、密码、性别添加到表单中。</li>
<li>点击删除链接,可以删除当前行</li>
<li>添加和删除都需要保证序号连续有序</li>
</ol>
<form>
用户名:<input type="text" name="username" />
<br />
密 码:<input type="password" name="pwd" />
<br />
性 别:<input type="radio" name="sex" value="man" checked="checked"/>男
<input type="radio" name="sex" value="woman" />女
<br />
<input type="button" value="添加到表格" onclick="add()"/>
</form>
<br/><hr/>
<table cellspacing="0" border="1" width="100%">
<tr>
<th>序号</th>
<th>用户名</th>
<th>密码</th>
<th>性别</th>
<th>操作</th>
</tr>
</table>
</body>
</html>
还有就是jquery的包 不会上传 各位大神请自备 QAQ
还有A 标签中为什么不能添加onclick事件
cell.innerHTML = '<input type="button" id="ddd" value="删 除" class="aaa" />';
还有就是inneerHTML 插入的标签 也不能添加Onclick事件
对于后端的我来说 是一脸懵逼 希望大神指教