怎么用html和javascript建一个网页,使输入表单的内容,点击提交之后数据会在表格中出现
2个回答
展开全部
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局部刷新页面。具体的你自己去学习相关知识吧。
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询