springmvc的form標籤

1.要使用Spring MVC提供的表單標籤,首先須要在視圖頁面添加:html

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

2.form標籤:spring

<form:form modelAttribute="contentModel" method="post">

modelAttribute屬性指定該form綁定的是哪一個Model,當指定了對應的Model後就能夠在form標籤內部其它表單標籤上經過爲path指定Model屬性的名稱來綁定Model中的數據了,method屬性指定form的提交方式如GET、POST等。數組

3.input標籤:post

<form:input path="username"/>

會生成一個type爲text的Html input標籤,經過path屬性來指定要綁定的Model中的值。spa

4.password標籤:3d

<form:password path="password"/>

會生成一個type爲password的Html input標籤,經過path屬性來指定要綁定的Model中的值。code

5.checkbox標籤:orm

會生成一個type爲checkbox的Html input標籤,支持綁定boolean、數組、List或Set類型的數據。htm

綁定boolean數據會生成一個複選框,當boolean爲true該複選框爲選定狀態,false爲不選定狀態。blog

<form:checkbox path="testBoolean"/>

2

綁定數組、List或Set類型的數據(以數組做爲演示)若是綁定的數據中有對應checkbox指定的value時則爲選定狀態,反之爲不選定狀態:

綁定Array的checkbox 標籤:<br/> <form:checkbox path="testArray" value="arrayItem 路人甲"/>arrayItem 路人甲 <form:checkbox path="testArray" value="arrayItem 路人乙"/>arrayItem 路人乙 <form:checkbox path="testArray" value="arrayItem 路人丙"/>arrayItem 路人丙 <form:checkbox path="testArray" value="arrayItem 路人丁"/>arrayItem 路人丁

3

6.checkboxs標籤:

會根據綁定的items數據生成一組對應的type爲checkbox的Html input標籤,綁定的數據能夠是數組、集合或Map,其中checkboxs的path屬性也必指定,當path中的數據有和items中的數據值同的 時候對應的checkbox爲選定狀態,反之爲不選定狀態。

綁定集合數據(以數組做爲演示):

綁定Array的checkboxs 標籤:<br/> <form:checkboxes path="selectArray" items="${contentModel.testArray}"/>

4

這裏須要注意的是當使用EL表達式綁定時須要連Model的名稱一塊兒指定如${contentModel.testArray}而不能像path同樣只指定Model對應的屬性名稱。

但一般狀況下咱們須要的是checkbox顯示的是名稱,但選擇後提交的是對應名稱的值,好比id,咱們就能夠經過綁定Map來實現這個功能:

綁定Map的checkboxs 標籤:<br/> <form:checkboxes path="selectIds" items="${contentModel.testMap}"/>

5

生成的一組checkbox中其中一個checkbox的html代碼:

<span><input id="selectIds1" name="selectIds" type="checkbox" value="1" checked="checked"/><label for="selectIds1">mapItem 路人甲</label></span>

7.radiobutton標籤:

會生成一個type爲radio的Html input標籤,若是綁定的數據的值對應radiobutton指定的value時則爲選定狀態,反之爲不選定狀態:

綁定Integer的radiobutton 標籤:<br/> <form:radiobutton path="radiobuttonId" value="0"/>0 <form:radiobutton path="radiobuttonId" value="1"/>1 <form:radiobutton path="radiobuttonId" value="2"/>2

6

8.radiobuttons標籤:

會根據綁定的items數據生成一組對應的type爲radio的Html input標籤,綁定的items數據能夠是數組、集合或Map,其中radiobuttons的path屬性也必指定,當path的值和items中的 某條數據值相同的時候對應的radio爲選定狀態,反之爲不選定狀態,用法和checkboxs很類似。但要注意的是:checkboxs的path綁定 的是集合radiobuttons的path綁定的是單個值:

綁定Map的radiobuttons 標籤:<br/> <form:radiobuttons path="selectId" items="${contentModel.testMap}"/>

7

9.select標籤:

會生成一個Html select標籤,綁定的items數據能夠是數組、集合或Map會根據items的內容生成select裏面的option選項,當path的值和 items中的某條數據值相同的時候對應的option爲選定狀態,反之爲不選定狀態,用法與radiobuttons很類似:

綁定Map的select 標籤:<br/> <form:select path="selectId" items="${contentModel.testMap}"/>

8

上面的是根據指定的items自動生成的option選項,但咱們也能夠不指定items手動添加select的option選項:

複製代碼
不綁定items數據直接在form:option添加的select 標籤:<br/> <form:select path="selectId"> <option>請選擇人員</option> <form:option value="1">路人甲</form:option> <form:option value="2">路人乙</form:option> <form:option value="3">路人丙</form:option> </form:select>
複製代碼

9

其中添加<option>請選擇人員</option> 能夠讓在沒有進行選擇的狀況下不指定任何默認值。

下面看一下form:option option的區別:

複製代碼
不綁定items數據直接在form:option添加的select 標籤:<br/> <form:select path="selectId"> <option>請選擇人員</option> <form:option value="1">路人甲</form:option> <form:option value="2">路人乙</form:option> <form:option value="3">路人丙</form:option> </form:select><br/> 不綁定items數據直接在html的option添加的select 標籤:<br/> <form:select path="selectId"> <option>請選擇人員</option> <option value="1">路人甲</option> <option value="2">路人乙</option> <option value="3">路人丙</option> </form:select><br/>
複製代碼

10

由截圖的結果能夠看出form:option 正確選擇了path中指定的selectIdoption沒有,說明form:option有數據綁定功能option沒有。

另外咱們也能夠不爲select指定items,而把items指定到form:option 上這兩種效果基本是同樣的,一點區別就是爲select指定items再在select裏面添加option是不起做用的會被items生成的option覆蓋掉,而把items指定到form:option 上則能夠再在select裏面添加option

用form:option綁定items的select 標籤:<br/> <form:select path="selectId"> <option/>請選擇人員 <form:options items="${contentModel.testMap}"/> </form:select>

11

10.textarea標籤:

textarea 標籤:
<form:textarea path="remark"/>

12

會生成一個Html textarea標籤,經過path屬性來指定要綁定的Model中的值。

11.hidden標籤:

會生成一個type爲hidden的Html input標籤,經過path屬性來指定要綁定的Model中的值。

12.errors標籤:

errors標籤的用法在系列(6)—>數據驗證中已經說明了,這裏不在贅述。

 

轉至http://www.cnblogs.com/liukemng/p/3754211.html

相關文章
相關標籤/搜索