Java單體應用 - 常用架構 - 07.Spring MVC - 表單标簽庫

原文位址： http://www.work100.net/training/monolithic-frameworks-spring-mvc-form-tags.html 更多教程： 光束雲 - 免費課程

表單标簽庫

序号	文内章節	視訊
1	聲明表單标簽	-
2	表單标簽
3	文本框
4	密碼框
5	文本域
6	複選框
7	複選框（多選）
8	單選按鈕
9	單選按鈕（多選）
10	下拉清單
11	下拉清單（多選）
12	隐藏域

請參照如上

章節導航

進行閱讀

1.聲明表單标簽

在使用 Spring MVC 的時候我們可以使用 Spring 封裝的一系清單單标簽，這些标簽都可以通路到

ModelMap

中的内容。

我們需要先在 JSP 中聲明使用的标簽，具體做法是在 JSP 檔案的頂部加入以下指令：

<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>           

2.表單标簽

<form:form />

使用 Spring MVC 的

form

标簽主要有兩個作用：

• 第一是它會自動的綁定來自 Model 中的一個屬性值到目前 form 對應的實體對象，預設是

  command

  屬性，這樣我們就可以在 form 表單體裡面友善的使用該對象的屬性了。
• 第二是它支援我們在送出表單的時候使用除

  GET

  和

  POST

  之外的其他方法進行送出，包括

  DELETE

  PUT

  等。

<form:form action="formTag/form.do" method="post">  
    <table>  
        <tr>  
            <td>Name:</td><td><form:input path="name"/></td>  
        </tr>  
        <tr>  
            <td>Age:</td><td><form:input path="age"/></td>  
        </tr>  
        <tr>  
            <td colspan="2"><input type="submit" value="送出"/></td>  
        </tr>  
    </table>  
</form:form>           

3.文本框

<form:input />

使用

<form:input path="name" />

标簽來渲染一個 HTML 文本框，等同于：

<input id="name" name="name" type="text" value="" />           

4.密碼框

<form:password />

<form:password path="password" />

标簽來渲染一個 HTML 密碼框，等同于：

<input id="password" name="password" type="password" value=""/>           

5.文本域

<form:textarea />

<form:textarea path="address" rows="5" cols="30" />

标簽來渲染一個 HTML 文本域，等同于：

<textarea id="address" name="address" rows="5" cols="30">           

6.複選框

<form:checkbox />

<form:checkbox path="receivePaper" />

标簽來渲染一個 HTML 複選框，等同于：

<input id="receivePaper1" name="receivePaper" type="checkbox" value="true"/>
<input type="hidden" name="_receivePaper" value="on"/>           

7.複選框（多選）

<form:checkboxes />

<form:checkboxes items="${webFrameworkList}" path="favoriteFrameworks" />

标簽來渲染一個 HTML 多選複選框，等同于：

<span>
    <input id="favoriteFrameworks1" name="favoriteFrameworks" type="checkbox" value="Spring MVC" checked="checked"/>
    <label for="favoriteFrameworks1">Spring MVC</label>
</span>
<span>
    <input id="favoriteFrameworks2" name="favoriteFrameworks" type="checkbox" value="Struts 1"/>
    <label for="favoriteFrameworks2">Struts 1</label>
</span>
<span>
    <input id="favoriteFrameworks3" name="favoriteFrameworks" type="checkbox" value="Struts 2" checked="checked"/>
    <label for="favoriteFrameworks3">Struts 2</label>
</span>
<span>
    <input id="favoriteFrameworks4" name="favoriteFrameworks" type="checkbox" value="Apache Wicket"/>
    <label for="favoriteFrameworks4">Apache Wicket</label>
</span>
<input type="hidden" name="_favoriteFrameworks" value="on"/>           

8.單選按鈕

<form:radiobutton />

<form:radiobutton />

标簽來渲染一個 HTML 單選按鈕，等同于：

<form:radiobutton path="gender" value="M" label="男" />
<form:radiobutton path="gender" value="F" label="女" />           

<input id="gender1" name="gender" type="radio" value="M" checked="checked"/><label for="gender1">男</label>
<input id="gender2" name="gender" type="radio" value="F"/><label for="gender2">女</label>           

9.單選按鈕（多選）

<form:radiobuttons />

<form:radiobuttons path="favoriteNumber" items="${numbersList}" />

标簽來渲染一個 HTML 多項單選按鈕，等同于：

<span>
    <input id="favoriteNumber1" name="favoriteNumber" type="radio" value="1"/>
    <label for="favoriteNumber1">1</label>
</span>
<span>
    <input id="favoriteNumber2" name="favoriteNumber" type="radio" value="2"/>
    <label for="favoriteNumber2">2</label>
</span>
<span>
    <input id="favoriteNumber3" name="favoriteNumber" type="radio" value="3"/>
    <label for="favoriteNumber3">3</label>
</span>
<span>
    <input id="favoriteNumber4" name="favoriteNumber" type="radio" value="4"/>
    <label for="favoriteNumber4">4</label>
</span>           

10.下拉清單

<form:select />

,

<form:option />

，

<form:options />

标簽來渲染一個 HTML 下拉清單，等同于：

<form:select path="country">
   <form:option value="NONE" label="Select"/>
   <form:options items="${countryList}" />
</form:select>           

<select id="country" name="country">
   <option value="NONE">請選擇...</option>
   <option value="US">United States</option>
   <option value="CH">China</option>
   <option value="MY">Malaysia</option>
   <option value="SG">Singapore</option>
</select>           

11.下拉清單（多選）

<form:select />

标簽及其屬性

multiple=true

來渲染一個 HTML 多選下拉清單，等同于：

<form:select path="skills" items="${skillsList}" multiple="true" />           

<select id="skills" name="skills" multiple="multiple">
   <option value="Struts">Struts</option>
   <option value="Hibernate">Hibernate</option>
   <option value="Apache Wicket">Apache Hadoop</option>
   <option value="Spring">Spring</option>
</select>
<input type="hidden" name="_skills" value="1"/>           

12.隐藏域

<form:hidden />

<form:hidden path="id" value="1000"/>

标簽來渲染一個 HTML 隐藏域，等同于：

<input id="id" name="id" type="hidden" value="1000"/>           

上一篇：

Maven 子產品化開發

下一篇：

其它注解

如果對課程内容感興趣，可以掃碼關注我們的

公衆号

或

QQ群

，及時關注我們的課程更新