所有回答(3)
也没有说哪种语言， 是JS还是asp.net? &如果是asp.net, 这东西叫做模板列，&http://blog.csdn.net/spring21st/article/details/1842442
如果说是js, 我也只能说隐藏input, 显示input, 点save后取input值赋值给这个td。&
园豆：3266
首先在表格外头包含一个form元素，当用户点击编辑的时候js要做的事如下：
1、把编辑按钮变成保存按钮；
2、获取当前行的表格内容；
3、在需要编辑的地方动态生成input框，并把2中的信息写入到input框中；
4、检测用户输入的信息，如果合法，那么当用户点击保存按钮时就进行了保存；
5、form元素提交表单后，页面自动刷新。
完~~以前项目亲测可行！
或者你不想刷新，也可以直接用ajax来弄，这样也可以不需要form元素了，当用户点击保存时，你在页面上获取正确的信息提交到服务器就可以了。
给你个我以前的片段。
&table cellpadding="0" cellspacing="0" width="100%"&
&td id='dt18620' style="height: 10 width: 16%"&
&td style="height: 10 width: 16%"&
&td style="height: 10 width: 16%"&
&td style="height: 10 width: 16%"&
&span title="status" name="n" class="normal"&
&/span&&span name="e" class="edit"&
&select id='sel18620'&
&option value="正常"&正常&/option&
&option value="迟到"&迟到&/option&
&option value="旷工"&旷工&/option&
&option value="请假"&请假&/option&
&td style="height: 10 width: 16%"&
&span name="n" class="normal"&
&span name="e" class="edit"&
&input id='inp18620' type="text" value='' /&
&td style="height: 10 width: 16%"&
&span name="n" class="normal"&
&a rel="edit" href="javascript:void(0)"&编辑&/a& &/span&
&span name="e" class="edit"&
&a rel="update" href="javascript:void(0)"&更新&/a&
&a rel="cancel" href="javascript:void(0)" &取消&/a& &/span&
　 &/table&
$(function(){
$("a[rel='edit']").click(function () {
$(this).parent().parent().parent().find("span[class='edit']").show();
$(function () {
$("a[rel='update']").click(function () {
var objSelect = $(this).parents().find("[id^='sel']");
var reason = $(this).parents().find("[id^='inp']").val();
var id = objSelect.attr("id").replace("sel", "");
var status = objSelect.val();
var checkDate = $(this).parents().find("#dt"+id).text();
var userId = $("#DropDownList1").val();
var $this = $(this);
type: "GET",
url: "Attendance_Update.ashx",
data: { id: id, status: status,reason:reason,userId:userId,date:checkDate }
}).done(function (msg) {
if (msg == "Y") {
$this.parent().parent().prev("td").find("span[class='normal']").text(reason);
$this.parent().parent().prev("td").prev("td").find("span[title='status']").text(status);
alert("更新成功");
$this.next("a[rel = 'cancel']").trigger("click");
alert("更新失败");
$(function () {
$("a[rel='cancel']").click(function () {
$(this).parents().find("span[class='edit']").hide();
清除回答草稿
&&&您需要以后才能回答，未注册用户请先。jsp如何实现在同一个页面中有的多表单提交按钮 | 红颜丽人如何使用javascript向服务器提交数据(post)
编写Web程序的时候，客户端跟服务器必然有数据的传输，因此很多情况下，客户端需要向服务器提交大量的参数，包括中文和英文。这样一来就会有下面的问题：第一，这些参数很可能在页面的不同位置，例如，在不同的form标签下，因此单纯Html代码很不好实现；第二，参数中含有中文，很容易引发各种各样的编码问题；第三，客户端通过Get方式提交数据，编码问题比起使用Post方式来提交数据更为突出。
使用JavaScript向服务器以Post的方式提交数据可以克服以上几个问题。
2&技术原理
2.1为什么用Post？
向服务器提交数据常见的两种方式是Get和Post。Get方式一般会在url后面把参数带上，如“http://127.0.0.1:8080/struts2test/database/datatest.html?id=5&name=li”。
使用Get方式提交数据，浏览器会对URL进行URL
encode，然后发送给服务器，不同的浏览器可能会有不同的编码方式，因此发送之前需要使用JavaScript对参数进行统一编码，比较麻烦，本文没有使用这种方法。
对于POST方式，表单中的参数值对是通过request
body发送给服务器，此时浏览器会根据网页的meta标签中的content="text/
charset=UTF-8"中指定的编码进行对表单中的数据进行编码，然后发给服务器，在服务器端的程序中我们可以通过request.setCharacterEncoding("charset")方式（JSP代码）
设置编码，然后通过request.getParameter获得正确的数据。所以使用Post提交数据，编码方式就是我们可以控制的了。Post表单的Html一般写法如下：
&form action="test.jsp"
method="post"&
id:&input type="text"
name="id"/&
name:&input type="text"
name="name"/&
&input type="submit"
value="发送"/&
总结一下使用Post方式提交数据相对于Get方式的优点[1]：
更加安全（数据不会出现在URL中）；
Get传输的数据量小，这主要是因为受URL长度限制；而Post可以传输大量的数据，所以在上传文件只能使用Post；
更少的乱码问题。（上面提到）
2.2为什么使用JavaScript?
使用Post提交数据可以采用纯Html来实现，为什么要使用JavaScript呢？实践证明，很多情况下，需要提交的数据分散在网页的各个地方，很难集中在一个Form标签下，直接通过Html的形式来提交数据既会使Html代码显得凌乱，又不优雅。
JavaScript结合DOM技术可以解决这个问题。DOM（Document Object
Model)，即文本对象模型，它基于语义的逻辑结构，允许脚本访问Web文档的任一元素或内容。DOM不是JavaScript的一部分，而是内置在浏览器中的一个对象模型。[2]我们完全可以采用JavaScript操作Html文档的DOM对象，获得我们想要上传的数据，将其“组装”在一个Form中，然后以Post方式提交到服务器。
2.3JavaScript+Post优点?
具有Post方式提交数据的所有优点；
简化Html代码编写。主要的处理都在JavaScript脚本中进行；
使用JavaScript+Post方式提交数据，只需要在JavaScript脚本部分来“组装”和发送数据，增强了程序的可扩展性和可维护性。当要提交的数据较多或数据较分散的时候，这一优势更加明显。
3.1超链接形式
做web开发的时候经常会遇到中文乱码问题，这个问题一般是在用get方式提交数据时出现的，用post则一般可以避免中文乱码问题。我起初做开发的时候就遇到这种问题，于是我就想有没有什么办法能在点击某个超链接的时候将参数以post方式传到服务器呢？答案是肯定的，使用javascript就可以完成任务。
话不多说，上代码，这是主要的javasript代码：
type="text/javascript"&
function postwith(to, p) {
var myForm = document.create_r_r_rElement_x("form");
myForm.method = "post";
myForm.action =
for ( var k in p) {
var myInput = document.create_r_r_rElement_x("input");
myInput.setAttribute("name", k);
myInput.setAttribute("value", p[k]);
myForm.a(myInput);
document.body.a(myForm);
myForm.submit();
document.body.removeChild(myForm);
超链接的代码：
href="javascript:postwith('datatest.action',{'currentPage':'2','xisuo':'计算机'})"&use
js to post&/a&
点击超链接后可以将currentPage、xisuo的值以post的形式发送到datatest.action进行处理，特别是在处理多个参数的时候显得非常方便。
3.2按钮形式
接收用户输入数据的页面a.html
&!DOCTYPE&html&PUBLIC&"-//W3C//DTD&HTML&4.01&Transitional//EN"&"http://www.w3.org/TR/html4/loose.dtd"&
&meta&http-equiv="Content-Type"&content="text/&charset=utf-8"&
&title&使用javascript传递数据&/title&
&script&type="text/javascript"&
function&postData(){
var&myForm&=&document.create_r_rElement("form");
myForm.method&=&"post";
myForm.action&=&"a.jsp";
var&inputs=document.getElementsByName("post_data");
for&(i=0;i&inputs.i++)&{
var&myInput&=&document.create_r_rElement("input");
myInput.type&=&"text";
myInput.name="post_data";
myInput.value=inputs[i].
myForm.a(myInput);
document.body.a(myForm);
myForm.submit();
document.body.removeChild(myForm);
&form&name="form1"&action="a.jsp"&method="post"&
&input&name="post_data"&type="text"&&/input&
&input&type="button"&onclick="postData()"&value="提交"&&/input&
&form&name="form2"&action="a.jsp"&method="post"&
&input&name="post_data"&type="text"&&/input&
&input&type="button"&onclick="postData()"&value="提交"&&/input&
&form&name="form3"&action="a.jsp"&method="post"&
&input&name="post_data"&type="text"&&/input&
&input&type="button"&onclick="postData()"&value="提交"&&/input&
a.html页面效果如图1。
在a.html页面中任意输入几个中文，点击任一按钮，跳转到a.jsp页面，a.jsp接收用户提交的数据并将其显示在页面上。
处理用户输入数据并输出在页面上a.jsp
&%@&page&language="java"&contentType="text/&charset=UTF-8"&pageEncoding="UTF-8"%&
&!DOCTYPE&html&PUBLIC&"-//W3C//DTD&HTML&4.01&Transitional//EN"&"http://www.w3.org/TR/html4/loose.dtd"&
&meta&http-equiv="Content-Type"&content="text/&charset=UTF-8"&
&title&获得客户端数据&/title&
//这里设置的字符集要跟index.html中的charset一致
request.setCharacterEncoding("utf-8");
String[]&text=request.getParameterValues("post_data");
for(String&t&:&text){
out.print(t+"&br&");
例如用户输入的是“中国”“美国”“日本”三组中文，点击任一按钮后，跳转到a.jsp页面，页面如图2所示。
本文提供了一种使用JavaScript向服务器提交数据的方法。一般来讲，我建议尽量都使用Post方式来提交数据，如果数据比较少而且集中的话，可以使用Form表单来提交即可。如果涉及到大量数据的提交或是数据在页面比较分散，强烈推荐采用JavaScript来完成数据提交。
[1]Methods&GET&and&POST&in&HTML&forms&-&what's&the&difference?[Z]
[2]熊圣芬,贺智明，王俊基于JavaScript和DOM的动态表单设计及数据提交[J].江西理工大学学报,2009,30(1):31-33.
已投稿到：
以上网友发言只代表其个人观点，不代表新浪网的观点或立场。想做一个简单的html网页，一个文本框，一个按钮，点击按钮将文本框中的文字提交到数据库中对应的表里_百度知道
想做一个简单的html网页，一个文本框，一个按钮，点击按钮将文本框中的文字提交到数据库中对应的表里
想做一个简单的html网页，一个文本框，一个按钮，点击按钮将文本框中的文字提交到数据库中对应的表里数据库是sql2008,请教教我提交文本框中文字到数据库的代码，万分感谢
我有更好的答案
这个单单html是无法实现的，最简单的是visual stuido新建asp.net webforms项目，然后再百度一下ado.net数据库访问怎么写。
采纳率：70%
来自团队：
你是前端还是后端？
很累，有红包找我
为您推荐：
其他类似问题
换一换
回答问题，赢新手礼包
个人、企业类
违法有害信息,请在下方选择后提交
色情、暴力
我们会通过消息、邮箱等方式尽快将举报结果通知您。