<html:form>、 <html:text>、<html:password>、<html:submit>


來看看 使用 ActionForm 這個主題,當時使用了一個靜態表單網頁:
  • form.htm
<html> 
<head><title>Login</title></head>
<body>
Please login:<p>
<form name="userForm"
action="/strutsapp/login.do" method="post">
username <input type="text" name="username"/><br>
password <input type="password" name="password"/><p>
<input type="submit"/>
</form>
</body>
</html>

您可以將網頁改為JSP網頁,並使用Struts標籤來撰寫表單元件,例如:
  • form.jsp
<%@ taglib uri="/tags/struts-bean" prefix="bean" %> 
<%@ taglib uri="/tags/struts-html" prefix="html" %>
<%@page contentType="text/html; charset=Big5"%>
<html>
<head><title>Login</title></head>
<body>
Please login:<p>
<html:form action="/strutsapp/login.do"
method="post" focus="username">
username <html:text property="username" size="20"/><br>
password <html:password property="password" size="20"/><p>
<html:submit/>
</form>
</body>
</html>

<html:form>指定的login必須在struts-config.xml中有定義,<html:text>與< html:password>會取出Action所搭配的ActionForm物件 中對應的屬性值,如果使用者填寫的內容不正確而被送回表單頁面,使用者將可以看到先前所填寫的值,如果不想顯示先前所填寫的值,則將< html:text>與<html:password>的redisplay屬性設定為false即可,這幾個Struts標籤必須與 Action物件及ActionForm物件搭配使用。

<html:form>

用來產生HTML表單標籤,屬性name可以指定所使用的ActionForm名稱,如果沒有指定,則自動匹配ActionMapping中的name屬 性,必須與<html:submit/>、<html:reset/>等表單相關標籤使用,常用屬性介紹如下:
  • action: 表單提交的URL
  • enctype: 提交表單時所使用的內容編碼,上傳檔案時設定
  • multipart/form-data
  • focus: 指定focus的元素名稱
  • method: 表單提交的方式
  • name: 使用的ActionForm名稱
  • scope: ActionForm作用範圍
  • type: ActionForm類型
  • onreset: 表單被重置時呼叫的JavaScript
  • onsubmit: 表單被送出時呼叫的JavaScript

<html:text>、<html:password>

文字方塊欄位與密碼欄位,搭配<html:form>使用,如果<html:form>所使用的ActionForm有值,預設 會顯示在對應的欄位,當用屬性如下:
  • property: 元素名稱
  • size: 顯示的字數
  • value: 元素初值
  • redisplay: 是否顯示ActionForm的值(僅用於<html:password>)

<html:submit>、<html:reset>

表單的submit按鈕,搭配<html:form>使用,常用屬性如下:
  • property: 元素名稱
  • value: 按鈕顯示文字
  • onclick: 按下按鈕後呼叫的JavaScript

使用範例:
<html:submit value="送出"/>
<html:reset value="重清"/>

搭配 <bean:message> 標籤與訊息資源檔的寫法:
<html:submit property="method">
    <bean:message key="button.save"/>
</html:submit>
<html:submit property="method">
    <bean:message key="button.preview"/>
</html:submit>