请问：点击表格中单元格使其变为输入框做法的相关内容？（请大家给点建议！）谢谢！！

Question

IE5.5+<P>Table 1 Editable</P><BR/>
<TABLE BORDER=1 WIDTH=80%>
<THEAD>
<TR>
<TH><DIV CONTENTEDITABLE STYLE="height: 100%; width: 100%;">Heading 1 <DIV></TH>
<TH><DIV CONTENTEDITABLE STYLE="height: 100%; width: 100%;">Heading 2 <DIV></TH>
</TR>
</THEAD>
<TBODY>
<TR>
<TD><DIV CONTENTEDITABLE STYLE="height: 100%; width: 100%;">Row 1, Column 1 text.<DIV></TD>
<TD><DIV CONTENTEDITABLE STYLE="height: 100%; width: 100%;">Row 1, Column 2 text.<DIV></TD>
</TR>
<TR>
<TD><DIV CONTENTEDITABLE STYLE="height: 100%; width: 100%;">Row 2, Column 1 text.<DIV></TD>
<TD><DIV CONTENTEDITABLE STYLE="height: 100%; width: 100%;">Row 2, Column 2 text.<DIV></TD>
</TR>
</TBODY>
</TABLE>

Answer 1

怎样让你的表格可编辑？？？
http://www.csdn.net/Develop/Read_Article.asp?Id=8540

Answer 2

谢谢两位兄台的回答：
     bencalie兄的方法可编辑，但没有视觉效果；孟子E章兄的方法OK.(两位均让在下受益匪浅)。
     小弟想再观望一下，有没有其他高人的不同办法！
谢谢！！！

Answer 3

用一个属性contenteditable，用于span或div等如
----------------<table width="100" height="100">
  <tr>
<td><span id="test" style="BORDER-RIGHT:black 1px solid; BORDER-TOP:black 1px solid; BORDER-LEFT:black 1px solid; BORDER-BOTTOM:black 1px solid">asfaf</span></td>
  </tr>
</table>
<script></script>
<button onclick="test.contentEditable='true'" id="BUTTON1" type="button">change</button>