点击页面出现文本框，请问要如何实现？

Question

<input type=text style="border:0px solid" value="结果">

Answer 1

不是啊 我希望是这种样式。http://211.144.100.243:8080/extrasample/firstpage/simplescript/simplescript.jsp

Answer 2

结果:<div id="aa" onclick="click1()"></div>
<script>
aa.innerHTML="AA"
function click1()
{
 aa.innerHTML="<input type=text onblur=result() name=txt1>"  
}
function result1()
{
  aa.innerHTML=document.all.txt1.value;
}
</script>

Answer 3

<div id=Layer1 
     style="border:1px solid; Z-INDEX: 1; VISIBILITY: hidden; POSITION: absolute; BACKGROUND-COLOR: #eeeeee"
 >
&nbsp;
<input id=text1 style="border:1px solid">
<INPUT type="button" value="确定"  onclick="eee();" style="border:1px solid; HEIGHT: 20px">
&nbsp;
</div>
<TABLE 
WIDTH=200
 
border="1" 
cellpadding="0" 
cellspacing="0"  
bordercolor="#eeeeee"  
onclick="aaa();"  
onmouseover="bbb();"
 onmouseout="ccc();">
  <TR>
<TD >11</TD>
<TD >12</TD>
</TR>
<TR>
<TD >21</TD>
<TD >22</TD>
</TR>
</TABLE>
<SCRIPT >
var obj;
  function aaa()
{
obj=window.event.srcElement;
Layer1.style.visibility="visible";
Layer1.style.top=window.event.srcElement.offsetTop + 40;
Layer1.style.left=window.event.srcElement.offsetLeft+10;
text1.value=obj.innerText;
text1.focus();
}
function bbb()
{ 
window.event.srcElement.borderColor="#FF0000";
}
function ccc()
{
window.event.srcElement.borderColor="#eeeeee";

}
function eee()
{
if(obj=="[object]")
{
obj.innerText=text1.value;
Layer1.style.visibility="hidden";
}
}
</SCRIPT>

Answer 4

你给那个页面看不了，我刚才做的这个也很酷的。
http://expert.csdn.net/Expert/topic/3045/3045190.xml?temp=.8887903

Answer 5

谢谢，就是这种样子。如果想在<TD >11</TD>上直接做修改（出现修改文本框），那要怎么改呢？

Answer 6

你在
<TD >
   <input value="11" style="OVERFLOW: visible border-width:0px;border:0px;">
</TD>
就可以直接修改了。
value="11"是从服务器写来的