在隐藏的div中显示彼此相邻的2个表单按钮

时间:2012-10-22 14:05:18

标签: html css

我希望有2个按钮用于表单,当点击显示彼此相邻时执行2个不同的操作

最好通过以下链接进行解释:

http://jsfiddle.net/pfeHA/1/

涉及的代码是:

<div id="question" style="display:none; margin:0px;">
<form action="DoAction1" method="get">
<input type="submit"  value="Action1">
</form>
<form method="post" action="DoAction2">
<INPUT TYPE="submit" value="Action2">
</form>
</div>

这会导致按钮彼此显示,如链接所示:http://jsfiddle.net/pfeHA/1/

感谢任何帮助,谢谢!

2 个答案:

答案 0 :(得分:6)

在CSS中添加它 -

form{ display: inline-block; }

Working Fiddle

答案 1 :(得分:0)

添加:

.formWithButtons{display: inline;}

按住按钮http://jsfiddle.net/calder12/pfeHA/9/

的每个表单