原文地址: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
在使用 Spring MVC 的時候咱們能夠使用 Spring 封裝的一系列表單標籤,這些標籤均可以訪問到 ModelMap
中的內容。spring
咱們須要先在 JSP 中聲明使用的標籤,具體作法是在 JSP 文件的頂部加入如下指令:spring-mvc
<%@ taglib prefix="form" uri="http://www.springframework.org/tags/form"%>
<form:form />
使用 Spring MVC 的 form
標籤主要有兩個做用:mvc
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>
<form:input />
使用 <form:input path="name" />
標籤來渲染一個 HTML 文本框,等同於:框架
<input id="name" name="name" type="text" value="" />
<form:password />
使用 <form:password path="password" />
標籤來渲染一個 HTML 密碼框,等同於:jsp
<input id="password" name="password" type="password" value=""/>
<form:textarea />
使用 <form:textarea path="address" rows="5" cols="30" />
標籤來渲染一個 HTML 文本域,等同於:maven
<textarea id="address" name="address" rows="5" cols="30">
<form:checkbox />
使用 <form:checkbox path="receivePaper" />
標籤來渲染一個 HTML 複選框,等同於:ide
<input id="receivePaper1" name="receivePaper" type="checkbox" value="true"/> <input type="hidden" name="_receivePaper" value="on"/>
<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"/>
<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>
<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>
使用 <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>
使用 <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"/>
<form:hidden />
使用 <form:hidden path="id" value="1000"/>
標籤來渲染一個 HTML 隱藏域,等同於:
<input id="id" name="id" type="hidden" value="1000"/>
上一篇:Maven 模塊化開發
下一篇:其它註解
若是對課程內容感興趣,能夠掃碼關注咱們的
公衆號
或QQ羣
,及時關注咱們的課程更新