struts标签消除自定义格式

本文详细解析了Struts2表单标签自动生成的HTML代码,并提供了如何通过主题设置实现表单元素在同一行显示的方法。同时,讨论了在使用简单主题时,label属性的失效情况以及自定义布局的具体实现。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

转自:http://blog.163.com/ruan1613@yeah/blog/static/9455407420101130115046895/

<s:form action="Login">
    <table align="center">
      <tr>
          <td> <s:textfield name="username" label="名 称"/> </td>
        </tr>
        <tr>
          <td> <s:textfield name="password" label="密 码"/> </td>
        </tr>
        <tr>
          <td>
            <s:submit value="登录" /> <s:reset value="重填" />
          </td>
        </tr>
    </table>
</s:form>
在页面上显示就变成两行显示,而且右对齐,难道默认就是这样?
解释:
楼主你仔细看你生成的html代码,会发现多了很多多余的tr,td等,因为struts2表单标签本来就会自动生成的
你又再次添加,就多余了,下面这段代码你先拿去运行,自己先摸索一下,验证通过的
HTML code
    <s:form action="Login">
        <table align="center">
             <s:textfield name="username" label="名 称"/>
             <s:textfield name="password" label="密 码"/>
                 <tr>
                      <td colspan="2" align="center">
                           <s:submit value="login" theme="simple" />
                           <s:reset value="reset" theme = "simple"/>
                      </td>
                 </tr>
        </table>
    </s:form>
struts2有个默认的模板,会自动生成一些html代码,去掉的话可以在你的struts.propertise内加入以下:
struts.ui.theme=simple
struts.ui.templateDir=template
struts.ui.templateSuffix=ftl

在默认情况下,表单元素是分布在不同行的;
   <s:form action="Hello">
      <s:textfield name="name" label="inputname"></s:textfield>
      <s:textfield name="email"></s:textfield>
   <s:submit name="getUserInf" />
两个文本框分别位于不同行,即两行;label属性即文本框前的文字标签;
如果们想两个文本框在一行和自定义文本框布局,就得在<form中加入 theme="simple"
再看看下面的例子:
   <s:form action="Hello"   theme="simple">
      用户名:<s:textfield name="name" label="inputname"></s:textfield>
      邮   件:<s:textfield name="email"></s:textfield>
   <s:submit name="getUserInf" />
此时lable设置将无效,即还是显示"用户名:"+文本框,如果去掉 theme="simple",整个布局将非常乱,文本框显示两个文字标签,且在不同行...
在默认情况下,表单元素是分布在不同行的;
   <s:form action="Hello">
      <s:textfield name="name" label="inputname"></s:textfield>
      <s:textfield name="email"></s:textfield>
   <s:submit name="getUserInf" />
两个文本框分别位于不同行,即两行;label属性即文本框前的文字标签;
如果们想两个文本框在一行和自定义文本框布局,就得在<form中加入 theme="simple"
再看看下面的例子:
   <s:form action="Hello"   theme="simple">
      用户名:<s:textfield name="name" label="inputname"></s:textfield>
      邮   件:<s:textfield name="email"></s:textfield>
   <s:submit name="getUserInf" />
此时lable设置将无效,即还是显示"用户名:"+文本框,如果去掉 theme="simple",整个布局将非常乱,文本框显示两个文字标签,且在不同行...


但值得注意的是:
加上theme="simple"后,表单元素的label属性将失效!

我试着:
   <s:form action="Hello">
   <table width="400" border="0">
   <tr>
   <td>
      <s:textfield name="name" label="inputname"></s:textfield>
      </td><td>
      <s:textfield name="email" label="inputemail"></s:textfield>
      </td>
   </tr>
   </table>   
   <s:submit name="getUserInf" />
   </s:form>
结果还是显示在两行,所以看出,必须加上theme="simple"才能进行自定义布局

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值