日期:2014-05-16  浏览次数:20394 次

表单内容隐藏
我想要表单部分内容平时隐藏,当点击表单内某个链接或文本隐藏部分展开.再点击后缩回.有人帮我写代码吗?

------解决方案--------------------
可以用层来实现,你将表单默认不显示的放在这个层中,设置层的样式style.display="none" 也就是不显示 ,当点击一个连接时候触发某个函数将层的样式改为style.display="" 为显示
------解决方案--------------------
look:

HTML code

<html> 
<head> 
 <title> </title> 
<Script Language=Javascript> 
function showdiv(mydiv){
var div=document.getElementById(mydiv);
div.style.display=div.style.display=="none"?"block":"none";
}
</Script> 
</head> 
<body> 
<form method='post' action=''>
one:<input type='text' name='one' id='one'><br/>
two:<input type='text' name='two' id='two'><br/>
<input type='button' value='Showinvisible' onclick='showdiv("mydiv")'>
<div style='display:none;' id='mydiv'>
three:<input type='text' name='one' id='one'><br/>
four:<input type='text' name='two' id='two'><br/>
 
</div>asdfsdf
</form>
</body> 
</html>