Question

JavaScript实现文本框的框隐藏，内容显示并可修改内容？

其文本框本来有内容，但框不显示，只显示内容；
当鼠标单击内容时可做修改。
望高手可做详细回答，谢谢！

Answer 1

1.如果这个东西一直是文本框，你去掉边框就可以了
2.以div放置span和input显示相同的内容，平时显示span，隐藏input，单击span时显示input隐藏span，input 失去焦点时隐藏input，并把input的value填写到span，并显示span

Answer 2

<script type="text/javascript">
function myfunc(obj,n){
if(n != 'none')obj.style.border="1px red solid";
else obj.style.border="none";
}
</script>
<input type="text" id="test" style="border:none;" value="aaaaaaa" onfocus="myfunc(this,' ')" onblur="myfunc(this,'none')" />

我觉得当鼠标单击内容时可修改没用 因为你要修改的话必须要获取焦点也就是用鼠标点击
所以没实现此功能