2 z171022 z171022 于 2017.01.14 14:49 提问

HTML新手求助~~~~~~~~~~

要求:在输入框输入数据,点击确定按钮时,将数据录入至数据表格中,录入之后输入框中数据清空,以方便再次录入。点击数据删除按钮,删除对应行数据。



测试.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>


3个回答

JE_GE
JE_GE   2017.01.14 14:53

点击录入,ajax保存到数据库
js删除录入数据

sleeping_xixi
sleeping_xixi   2017.01.15 01:10

建议你先买本书好好学html,学到form表单的时候就会了。肯定有案例教你。楼上评论比较符合实际做法。

My_dream014
My_dream014   2017.01.15 11:08

如果只是一个静态网站的话,实现的方法当然不止一种,我就简单的介绍一种吧。用到JavaScript是肯定得了,首先你需要在HTML中为每个input(输入框)设置id。然后当点击确定按钮之后,利用js的获取DOM的document.getElementById("id的名字")来获取。然后把获取到的数据存到数组当中。之后把数组中的数据赋值给表格里相应的单元格,之后再把input里的value值设为空。

Csdn user default icon
上传中...
上传图片
插入图片
准确详细的回答,更有利于被提问者采纳,从而获得C币。复制、灌水、广告等回答会被删除,是时候展现真正的技术了!