問題
你想要使用戶能夠通過點擊一個不在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"
/>
?
這種方式的缺點是，有些瀏覽器并不提供圖像是可以點擊的一些可視提示線索。因為圖像嵌入到一個鏈接中，大多數瀏覽器都會在改變鼠標指針以提示該圖像是可以點擊的。