怎么用html和javascript建一个网页,使输入表单的内容,点击提交之后数据会在表格中出现

并且每一行都有一个编辑,编辑上有一个超链接可以修改这一行的数据... 并且每一行都有一个编辑,编辑上有一个超链接可以修改这一行的数据 展开
 我来答 举报
橘喵动图GIF
推荐于2018-03-07 · TA获得超过165个赞
知道小有建树答主
回答量:101
采纳率:100%
帮助的人:27万
展开全部
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
<!DOCTYPE html>
<html lang="en">
 
    <head>
        <meta charset="UTF-8">
        <title>test</title>
        <style>
            #b {
                text-align: center;
                display: none;
            }
        </style>
        <script>
            var c;
 
            function edit(a) {
                c = a;
                document.getElementById('a').style.display = 'none';
                document.getElementById('b').style.display = 'block';
 
                var input1 = document.getElementById('input' + a);
                var input3 = document.getElementById('input3');
 
                input3.value = input1.value;
 
            }
 
            function ok() {
                document.getElementById('a').style.display = 'block';
                document.getElementById('b').style.display = 'none';
 
                var input0 = document.getElementById('input' + c);
                var input3 = document.getElementById('input3');
 
                input0.value = input3.value;
            }
 
            function submit() {
                var input1 = document.getElementById('input1');
                var input2 = document.getElementById('input2');
                var span1 = document.getElementById('span1');
                var span1 = document.getElementById('span1');
 
                span1.innerHTML = input1.value;
                span2.innerHTML = input2.value;
            }
        </script>
    </head>
 
    <body>
        <div id="a">
            <table align="center">
                <tr>
                    <td>姓名</td>
                    <td><input type="text" id="input1" placeholder="请输入" />
                        <a href="javascript:edit(1)">编辑</a>
                    </td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><input type="text" id="input2" placeholder="请输入" />
                        <a href="javascript:edit(2)">编辑</a>
                    </td>
                </tr>
                <tr>
                    <td></td>
                    <td><button onclick="submit()">提交</button></td>
                </tr>
            </table>
 
            <table align="center" border="1">
                <tr>
                    <td>姓名</td>
                    <td><span id="span1"></span>
                    </td>
                </tr>
                <tr>
                    <td>密码</td>
                    <td><span id="span2"></span>
                    </td>
                </tr>
            </table>
        </div>
        <div id="b">
            <input type="text" id="input3" placeholder="请输入" /><button onclick="ok()">确定</button>
        </div>
    </body>
 
</html>
追问
你理解错我的意思了,我是说编辑在每一行表格的最后,就是提交一次数据,生成一行表格,每一行表格后面有一个编辑,点进去之后可以修改数据
追答
大哥 画个图可好,本人愚钝
匿名用户
2016-11-24
展开全部
用表单将数据提交到数据库,然后表格中调用的就是用表单提交的数据,要实现局部更新(不刷新整个网页)需要用到ajax技术。至于编辑,其实就是内容可修改。关键点在数据的插入和调用,以及利用ajax局部刷新页面。具体的你自己去学习相关知识吧。
3 已赞过 已踩过<
你对这个回答的评价是?
评论 举报 收起
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式