struts標籤消除自定義格式

轉自: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"才能進行自定義佈局

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章