如何对齐两个提交按钮?

时间:2014-03-04 07:27:17

标签: jsp struts2

<s:form action="download1" name="regform" id="formSelectOne"  theme="simple">
    <td  valign="top" align="right" >
        <s:submit value="View coc1  " theme="simple" />
    </td>
</s:form>

<s:form action="download2" name="regform" id="formSelectOne"  theme="simple">
    <td  valign="top" align="center">   
         <s:submit value="View doc2" theme="simple" />
    </td>  
</s:form>

按钮并排显示,但我需要在右边显示第一个按钮,在中心显示第二个按钮。我该怎么办?

2 个答案:

答案 0 :(得分:1)

页面上没有必要提供两个表单来提交不同的操作(方法)。

从一开始,Struts就有一种技术可以将提交按钮分配给不同的动作。在最新版本中,它通过submit标记执行,该标记用于根据actionmethod等属性构建操作网址。

当您在simple标记上使用form主题时,它会继承到所有输入字段。没有必要单独应用相同的主题。

如果您使用table HTML标记来设计表单元素,那么将这些按钮放在具有tr CSS样式的同一记录white-space:nowrap;标记内是很重要的。例如

<s:form  name="regform" id="regform" theme="simple">
<table style="width:100%;" cellspacing="0" cellpadding="0" border="0">
  <tr style="white-space:nowrap;">
    <td style="width:50%;" valign="top" align="right" >
        <s:submit action="download2" value="View coc2"/>
    </td>
    <td style="width:50%;" valign="top" align="right" >
        <s:submit action="download1" value="View coc1"/>
    </td>
  </tr>
<table>
</s:form>

要让action属性正常工作,请参阅this answer以了解如何在struts.xml中启用操作前缀,以便能够使用action s:submit属性1}}标签。

答案 1 :(得分:0)

在两种形式中添加style属性 因为当你启动一个表格标签时,它通常会破坏该行并从新行开始 所以添加以下属性将有助于你..

style="float:left;"