SpringMVC form标签引入及使用方法

下面是关于“SpringMVC form标签引入及使用方法”的完整攻略。

引入form标签库

首先，需要在JSP页面中引入 SpringMVC 的 form 标签库，代码如下：

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

使用form标签创建表单

定义jsp页面中的表单，首先需要使用form标签，代码如下：

<form:form method="POST" action="someAction" modelAttribute="user">

• method：表单提交方式，可设置为 GET 或 POST。
• action：表单提交的目标 URL。
• modelAttribute：表单数据绑定的目标对象。

表单元素

输入框（text）

定义一个绑定 user 对象的用户名属性的输入框，代码如下：

<form:input path="username" />

密码框（password）

定义一个绑定 user 对象的密码属性的密码框，代码如下：

<form:password path="password" />

单选框（radio）

定义一个绑定 user 对象的性别属性的单选框，代码如下：

<form:radiobutton path="sex" value="male" />男
<form:radiobutton path="sex" value="female" />女

多选框（checkbox）

定义一个绑定 user 对象的爱好属性的多选框，代码如下：

<form:checkbox path="hobbies" value="reading" />阅读
<form:checkbox path="hobbies" value="swimming" />游泳
<form:checkbox path="hobbies" value="music" />音乐

下拉框（select）

定义一个绑定 user 对象的城市属性的下拉框，代码如下：

<form:select path="city">
    <form:option value="" label="请选择城市" />
    <form:option value="beijing" label="北京" />
    <form:option value="shanghai" label="上海" />
    <form:option value="guangzhou" label="广州" />
    <form:option value="shenzhen" label="深圳" />
</form:select>

示例

下面提供两个示例说明：

示例一

一个绑定 User 对象的表单，包含 username、password、sex、hobbies、city 等属性，代码如下：

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

<form:form method="POST" action="user/saveOrUpdate" modelAttribute="user">
    <table>
        <tr>
            <td>用户名：</td>
            <td><form:input path="username" /></td>
        </tr>
        <tr>
            <td>密码：</td>
            <td><form:password path="password" /></td>
        </tr>
        <tr>
            <td>性别：</td>
            <td>
                <form:radiobutton path="sex" value="male" />男
                <form:radiobutton path="sex" value="female" />女
            </td>
        </tr>
        <tr>
            <td>爱好：</td>
            <td>
                <form:checkbox path="hobbies" value="reading" />阅读
                <form:checkbox path="hobbies" value="swimming" />游泳
                <form:checkbox path="hobbies" value="music" />音乐
            </td>
        </tr>
        <tr>
            <td>城市：</td>
            <td>
                <form:select path="city">
                    <form:option value="" label="请选择城市" />
                    <form:option value="beijing" label="北京" />
                    <form:option value="shanghai" label="上海" />
                    <form:option value="guangzhou" label="广州" />
                    <form:option value="shenzhen" label="深圳" />
                </form:select>
            </td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" value="提交" /></td>
        </tr>
    </table>
</form:form>

示例二

使用 SpringMVC 表单标签库和 jQuery Validate 插件实现表单验证，代码如下：

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

<form:form method="POST" action="user/saveOrUpdate" modelAttribute="user" id="userForm">
    <table>
        <tr>
            <td>用户名：</td>
            <td><form:input path="username" class="required" /></td>
        </tr>
        <tr>
            <td>密码：</td>
            <td><form:password path="password" class="required" /></td>
        </tr>
        <tr>
            <td>确认密码：</td>
            <td><form:password path="password2" class="required" /></td>
        </tr>
        <tr>
            <td>性别：</td>
            <td>
                <form:radiobutton path="sex" value="male" />男
                <form:radiobutton path="sex" value="female" />女
            </td>
        </tr>
        <tr>
            <td>爱好：</td>
            <td>
                <form:checkbox path="hobbies" value="reading" />阅读
                <form:checkbox path="hobbies" value="swimming" />游泳
                <form:checkbox path="hobbies" value="music" />音乐
            </td>
        </tr>
        <tr>
            <td>城市：</td>
            <td>
                <form:select path="city">
                    <form:option value="" label="请选择城市" />
                    <form:option value="beijing" label="北京" />
                    <form:option value="shanghai" label="上海" />
                    <form:option value="guangzhou" label="广州" />
                    <form:option value="shenzhen" label="深圳" />
                </form:select>
            </td>
        </tr>
        <tr>
            <td colspan="2"><input type="submit" value="提交" /></td>
        </tr>
    </table>
</form:form>

<script src="/static/js/jquery.validate.min.js"></script>
<script>
    $(function () {
        $("#userForm").validate();
    });
</script>

以上就是关于“SpringMVC form标签引入及使用方法”的完整攻略。