表单内容隐藏,该怎么解决-JavaSript-爱易网页

表单内容隐藏,该怎么解决

日期：2014-05-16　浏览次数：20413 次

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

------解决方案--------------------
可以用层来实现，你将表单默认不显示的放在这个层中，设置层的样式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>

免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。

表单内容隐藏,该怎么解决

相关资料更多>

推荐阅读更多>