From Gossip@caterpillar

Struts Gossip: 其它 Html 標籤參考

<html:html>

用於產生HTML <html>標籤，如果locale屬性設定為true，而session中有Locale物件的話，則會寫出其區域訊息。

使用範例：
<html:html locale="true">
....

</html:html>

<html:base>

產生一個HTML <base>標籤，根據所在頁面的URL為基底，當頁面中有相對的URL指定時，是以<base>標籤為參考，這個標籤必須位於 <head>與</head>之間，例如：
....
<html>
<head>
    <html:base/>
</head>
.....
</html>

<html:link>

設定超連結，常用屬性如下：
  • href: 絕對超連結URL
  • forward: 指定forward的目標
  • page: 使用相對於Context的路徑來指定連結
  • anchor: 書籤錨點，例如#abc，不過使用這個標籤時不用加#

使用範例：
<html:link href="http://www.caterpillar.onlyfun.net/"/>

<html:img>

顯示圖片，常用屬性如下：
  • src: 圖片URL
  • page: 圖片相對於Context的路徑
  • alt: 替代文字
  • align: 文繞圖設定
  • border: 框線寬度
  • height: 圖片高度
  • width: 圖片寬度
  • hspace: 圖片與文字的橫向間距
  • vspace: 圖片與文字的垂直間距

使用範例：
<html:img page="/images/wiki.jpg" alt="caterpillar"/>

<html:button>

產生HTML按鈕，常用屬性介紹如下：
  • property: 元素名稱
  • value: 按鈕顯示名稱
  • title: 按鈕提示文字
  • onclick: 按下後呼叫的JavaScript程式

使用例子如下：
<html:button property="button1" value="按我"
        onclick="alert('Hello!World!')" title="Hello!World!"/>

<html:cancel>

其實就是submit按鈕，用法與 <html:submit> 類似，不過按下它後，不會執行 ActionForm 的validate()方法。

<html:hidden/>

表單的中隱藏欄位，搭配 <html:form> 使用，使用範例如下：
<html:form action="/login" focus="name">
<html:hidden property="hid" value="1234"/>
    ....
<html:submit/> <html:reset/>
</html:form>

<html:textarea>

表單文字區域，搭配<html:form>使用，常用屬性如下：
  • property: 元素名稱
  • cols: 橫向字數
  • rows: 縱向行數
  • value: 顯示的初始文字

使用範例：
<html:textarea property="message"
        value="在此留言" cols="50" rows="5"/>

<html:file>

顯示一個上傳檔案的欄位，搭配<html:form>使用，例如我們可以將 檔案上傳 中的靜態表單改為JSP動態表單，並使用<html:file>：
<html:form name="uploadForm"
        enctype="multipart/form-data"
        method="post" action="/strutsapp/upload.do">
    <html:file property="file"/><br>
    <html:submit value="上傳"/>
</html:form>

<html:radio>

顯示單選鈕，搭配<html:form>使用，使用範例如下：
<html:radio property="sex" value="man"/>男
<html:radio property="sex" value="woman"/>女

<html:checkbox>

顯示核取方塊，搭配<html:form>使用，使用範例如下：
<html:checkbox property="lang[0]"
        value="Java">Java</html:checkbox>
<html:checkbox property="lang[1]"
        value="C#">C#</html:checkbox>

<html:multibox>

建立核取方塊的另一個方法：
<html:multibox property="lang"
        value="Java">Java</html:multibox>
<html:multibox property="lang"
        value="C#">C#</html:multibox>

<html:select>、<html:option>

建立下拉選單，搭配<html:form>使用，使用範例如下：
<html:select property="lang" value="Java">
    <html:option value="Java">Java</html:option>
    <html:option value="C#">C#</html:option>
</html:select>

<html:image>

建立圖片按鈕，常用屬性如下：
  • property: 元素名稱
  • src: 圖片URL
  • value: 按下圖片時送出的值
  • border: 框線寬度
  • onclick: 按下時圖片時呼叫的JavaScript

使用範例：
<html:image property="push" src="push.jpg"
        onclick="alter("send")"/>