Java單體應用 - 經常使用框架 - 07.Spring MVC - 表單標籤庫

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

表單標籤庫

序號 文內章節 視頻
1 聲明表單標籤 -
2 表單標籤 -
3 文本框 -
4 密碼框 -
5 文本域 -
6 複選框 -
7 複選框(多選) -
8 單選按鈕 -
9 單選按鈕(多選) -
10 下拉列表 -
11 下拉列表(多選) -
12 隱藏域 -

請參照如上章節導航進行閱讀web

1.聲明表單標籤

在使用 Spring MVC 的時候咱們能夠使用 Spring 封裝的一系列表單標籤,這些標籤均可以訪問到 ModelMap 中的內容。spring

咱們須要先在 JSP 中聲明使用的標籤,具體作法是在 JSP 文件的頂部加入如下指令:spring-mvc

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

2.表單標籤

&lt;form:form /&gt;

使用 Spring MVC 的 form 標籤主要有兩個做用:mvc

  • 第一是它會自動的綁定來自 Model 中的一個屬性值到當前 form 對應的實體對象,默認是 command 屬性,這樣咱們就能夠在 form 表單體裏面方便的使用該對象的屬性了。
  • 第二是它支持咱們在提交表單的時候使用除 GETPOST 以外的其餘方法進行提交,包括 DELETEPUT 等。
<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.文本框

&lt;form:input /&gt;

使用 &lt;form:input path="name" /&gt; 標籤來渲染一個 HTML 文本框,等同於:框架

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

4.密碼框

&lt;form:password /&gt;

使用 &lt;form:password path="password" /&gt; 標籤來渲染一個 HTML 密碼框,等同於:jsp

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

5.文本域

&lt;form:textarea /&gt;

使用 &lt;form:textarea path="address" rows="5" cols="30" /&gt; 標籤來渲染一個 HTML 文本域,等同於:maven

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

6.複選框

&lt;form:checkbox /&gt;

使用 &lt;form:checkbox path="receivePaper" /&gt; 標籤來渲染一個 HTML 複選框,等同於:ide

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

7.複選框(多選)

&lt;form:checkboxes /&gt;

使用 &lt;form:checkboxes items="${webFrameworkList}" path="favoriteFrameworks" /&gt; 標籤來渲染一個 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.單選按鈕

&lt;form:radiobutton /&gt;

使用 &lt;form:radiobutton /&gt; 標籤來渲染一個 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.單選按鈕(多選)

&lt;form:radiobuttons /&gt;

使用 &lt;form:radiobuttons path="favoriteNumber" items="${numbersList}" /&gt; 標籤來渲染一個 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.下拉列表

使用 &lt;form:select /&gt;, &lt;form:option /&gt;&lt;form:options /&gt; 標籤來渲染一個 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.下拉列表(多選

使用 &lt;form:select /&gt; 標籤及其屬性 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.隱藏域

&lt;form:hidden /&gt;

使用 &lt;form:hidden path="id" value="1000"/&gt; 標籤來渲染一個 HTML 隱藏域,等同於:

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

上一篇:Maven 模塊化開發

下一篇:其它註解


若是對課程內容感興趣,能夠掃碼關注咱們的 公衆號QQ羣,及時關注咱們的課程更新

公衆號
QQ交流羣

相關文章
相關標籤/搜索