87,910
社区成员
发帖
与我相关
我的任务
分享文本框显示的问题，麻烦帮我看看
<html>
<form method="POST" action="test.php">
<textarea name="a" rows="1" cols="20" onmouseout="this.rows=1" onmouseover="this.rows=10">
</textarea>
<input type="submit" value="提交">
</form>
测试:<br>
当鼠标移动到文本框上时,文本框显示为多行<br>
当鼠标离开文本框上时, 文本框显示为一行<br>
</html>
以上的代码在鼠标移动到文本框上时,文本框是可以显示为10行,但是页面的整体布局也改变了。“测试”部分的文字往下移了，提交按钮也往下移了，破坏了布局
我是希望文本框变多行时，其他布局不作任何改变，只是变大部分的文本框遮住了其他的东西，就好象下拉框的那种展开下拉选项和隐藏下拉选项那样
请问如何实现呢？
<form method="POST" action="test.php">
<textarea name="a" rows="1" cols="20" onmouseout="this.rows=1" onmouseover="this.rows=10">
</textarea>
<input type="submit" value="提交">
</form>
测试:<br>
当鼠标移动到文本框上时,文本框显示为多行<br>
当鼠标离开文本框上时, 文本框显示为一行<br>
</html>
以上的代码在鼠标移动到文本框上时,文本框是可以显示为10行,但是页面的整体布局也改变了。“测试”部分的文字往下移了，提交按钮也往下移了，破坏了布局
我是希望文本框变多行时，其他布局不作任何改变，只是变大部分的文本框遮住了其他的东西，就好象下拉框的那种展开下拉选项和隐藏下拉选项那样
请问如何实现呢？
...全文
请发表友善的回复…
发表回复
hbcb 2004-04-03
- 打赏
- 举报
非常感谢！
DNCS 2004-04-03
- 打赏
- 举报
一楼的对
zhjzh_zjz 2004-04-03
- 打赏
- 举报
你可以用层来实现,
wanghr100 2004-04-03
- 打赏
- 举报
<html>
<form method="POST" action="test.php">
<textarea name="a" rows="1" cols="20" onmouseout="this.rows=1" onmouseover="this.rows=10" style="position:absolute;">
</textarea>
<input type="submit" value="提交" style="position:absolute;left:200">
<br><br>
</form>
测试:<br>
当鼠标移动到文本框上时,文本框显示为多行<br>
当鼠标离开文本框上时, 文本框显示为一行<br>
</html>
<form method="POST" action="test.php">
<textarea name="a" rows="1" cols="20" onmouseout="this.rows=1" onmouseover="this.rows=10" style="position:absolute;">
</textarea>
<input type="submit" value="提交" style="position:absolute;left:200">
<br><br>
</form>
测试:<br>
当鼠标移动到文本框上时,文本框显示为多行<br>
当鼠标离开文本框上时, 文本框显示为一行<br>
</html>
