HTML中的表格变成可编辑状态

时间:2021-03-05 16:16:18
在HTML中,如何将所读取的数据中的表格,点击后面的修改按纽,则这行数据就全都变成可编辑状态?

5 个解决方案

#1


该回复于2012-03-06 09:49:10被版主删除

#2


那是要在table中放text吧   单纯的表格式不能编辑的

#3


用javascript实现

#4


引用 3 楼 flowerdancex 的回复:
用javascript实现


能贴出代码吗?

#5


<html>
<head>
<script>
function changeEdit()
{
var B=document.getElementById('willChange');
var text=B.innerHTML;
B.innerHTML='<input value='+text+'></input>';
}
</script>
</head>
<body>
<table>
<tr>
<td>
<B id='willChange'>将要变成编辑状态</B>
</td>
<td>
</td> <input type='button' value='点我' onclick='changeEdit()'></input>
</tr>
</table>
</body>
</html>

#1


该回复于2012-03-06 09:49:10被版主删除

#2


那是要在table中放text吧   单纯的表格式不能编辑的

#3


用javascript实现

#4


引用 3 楼 flowerdancex 的回复:
用javascript实现


能贴出代码吗?

#5


<html>
<head>
<script>
function changeEdit()
{
var B=document.getElementById('willChange');
var text=B.innerHTML;
B.innerHTML='<input value='+text+'></input>';
}
</script>
</head>
<body>
<table>
<tr>
<td>
<B id='willChange'>将要变成编辑状态</B>
</td>
<td>
</td> <input type='button' value='点我' onclick='changeEdit()'></input>
</tr>
</table>
</body>
</html>