問題

你想要使用戶能夠通過點擊一個不在HTML表單標簽中的圖像來提交表單。

動作要領

適應一個對JavaScript URL 的鏈接來提交表單：

<html:link href="javascript:document.myform.submit(  )">
    <html:img page="/submit-form.gif" 
               alt="Submit" border="0"/> 
</html:link>

動作變化

Web 應用經常使用可點擊的圖像來提交表單而不是僅僅通過表單按鈕。Struts 的html:image標簽可以用來產生一個顯示圖像的HTML input type="image" 標簽。但是，對于復雜的 HTML 布局，并不總是能夠將圖像嵌入在表單<form> . . . </form>標簽之中。有些時候，一個 HTML 頁面可能在頁面的某一段可能有多個表單，而提交頁面的圖像則在頁面的另一個區域。比如，工具條風格的圖像按鈕。

上面的方法可以用于從表單之外的圖像提交表單。所顯示的圖像嵌套在html:link標簽中。該鏈接通過執行一行JavaScript來提交表單。在上面的代碼中，JavaScript 將提交名為MyForm 的表單。表單名稱必須匹配struts-config.xml文件中所配置的action元素的name屬性。下面是這種方法產生的HTML 代碼：

<a href="javascript:document.myform.submit(  )">
    <img src="/myapp/struts-power.gif"
         border="0" alt="Submit">
</a>

雖然你可以直接使用上述HTML標記而不是Struts html標簽，如果那樣的話你將失去那些標簽所提供的特征。通過使用Struts tag，你就不是必須要指定context 名稱，并且你可以使圖像名稱和替換文本來自于資源束 (如果你需要的話)。

另一個辦法是使用html:img 標簽的onclick屬性：

<html:img page="/submit-form.gif"
       onclick="document.MyForm.submit( );"
           alt="Submit" border="0"/>

這種方式的缺點是，有些瀏覽器并不提供圖像是可以點擊的一些可視提示線索。因為圖像嵌入到一個鏈接中，大多數瀏覽器都會在改變鼠標指針以提示該圖像是可以點擊的。

相關招式

第3.9式會描述如何在表單的action屬性中指定的地方將表單提交到另外一個URL。