SpringMVC from 表单标签和 input 表单标签

刚学习很懵不知道还有springmvc 自己的表单于是乎就上网查了一下这个真的好用多啦

详细信息 springmvc 表单大全哟@

https://www.yiibai.com/spring_mvc/

1. form标签

使用Spring的form标签主要有两个作用，第一是它会自动的绑定来自Model中的一个属性值到当前form对应的实体对象，默认是command属性，这样我们就可以在form表单体里面方便的使用该对象的属性了；第二是它支持我们在提交表单的时候使用除GET和POST之外的其他方法进行提交，包括DELETE和PUT等。

1.1 支持绑定表单对象

我们先来看如下使用form标签的一个示例：

<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>

这个时候如果Model中存在一个属性名称为command的javaBean，而且该javaBean拥有属性name和age的时候，在渲染上面的代码时就会取command的对应属性值赋给对应标签的值。如在上面的代码中，假设Model中存在一个属性名称为command的javaBean，且它的name和age属性分别为“Zhangsan”和“36”时，那么它在渲染时就会生成如下一段代码：

input :一般的表单

<form id="command" action="formTag/form.do" method="post">
<table>
<tr>
<td>Name:</td><td><input id="name" name="name" type="text" value="ZhangSan"/></td>
</tr>
<tr>
<td>Age:</td><td><input id="age" name="age" type="text" value="36"/></td>
</tr>
<tr>
<td colspan="2"><input type="submit" value="提交"/></td>
</tr>
</table>
</form>

从上面生成的代码中，我们可以看出，当没有指定form标签的id时它会自动获取该form标签绑定的Model中对应属性名称作为id，而对于input标签在没有指定id的情况下它会自动获取path指定的属性作为id和name。

代码中的应用主要就是springmvc 的表单

 <body>

     <ul class="nav nav-tabs">

         <li><a href="${ctx}/academic/expert/">专家学者列表</a></li>

         <li class="active"><a href="${ctx}/academic/expert/form?id=${expert.id}">专家学者<shiro:hasPermission name="academic:expert:edit">${not empty expert.id?'修改':'添加'}</shiro:hasPermission><shiro:lacksPermission name="academic:expert:edit">查看</shiro:lacksPermission></a></li>

     </ul><br/>

     <form:form id="inputForm" modelAttribute="expert" action="${ctx}/academic/expert/save" method="post" class="form-horizontal">

         <form:hidden path="id"/>

         <sys:message content="${message}"/>

         <div class="control-group">

             <label class="control-label">姓名：</label>

             <div class="controls">

                 <form:input path="fullName" htmlEscape="false" maxlength="255" class="input-xlarge required"/>

                 <span class="help-inline"><font color="red">*</font> </span>

             </div>

         </div>

         <div class="control-group">

             <label class="control-label">姓名首字母：</label>

             <div class="controls">

                 <form:select path="initialName" class="input-small ">

                     <form:option value="" label=""/>

                     <form:option value="A"  label="A" />

                     <form:option value="B"  label="B" />

                     <form:option value="C"  label="C" />

                     <form:option value="D"  label="D" />

                     <form:option value="E"  label="E" />

                     <form:option value="F"  label="F" />

                     <form:option value="G"  label="G" />

                     <form:option value="H"  label="H" />

                     <form:option value="I"  label="I" />

                     <form:option value="J"  label="J" />

                     <form:option value="K"  label="K" />

                     <form:option value="L"  label="L" />

                     <form:option value="M"  label="M" />

                     <form:option value="N"  label="N" />

                     <form:option value="O"  label="O" />

                     <form:option value="P"  label="P" />

                     <form:option value="Q"  label="Q" />

                     <form:option value="R"  label="R" />

                     <form:option value="S"  label="S" />

                     <form:option value="T"  label="T" />

                     <form:option value="U"  label="U" />

                     <form:option value="V"  label="V" />

                     <form:option value="W"  label="W" />

                     <form:option value="X"  label="X" />

                     <form:option value="Y"  label="Y" />

                     <form:option value="Z"  label="Z" />

                 </form:select>

                 <span class="help-inline"><font color="red">*</font> </span>

             </div>

         </div>

         <div class="control-group">

             <label class="control-label">头像：</label>

             <div class="controls">

                 <form:hidden id="nameImage" path="photo" htmlEscape="false" maxlength="255" class="input-xlarge"/>

                 <sys:ckfinder input="nameImage" type="images" uploadPath="/academic/expert" selectMultiple="false" maxWidth="100" maxHeight="100"/>

             </div>

         </div>

         <div class="control-group">

             <label class="control-label">国家：</label>

             <div class="controls">

                 <form:select path="country" class="input-xlarge required">

                     <form:option value="" label=""/>

                     <form:options items="${fns:getDictList('country')}" itemLabel="label" itemValue="value" htmlEscape="false"/>

                 </form:select>

                 <span class="help-inline"><font color="red">*</font> </span>

             </div>

         </div>

         <div class="control-group">

             <label class="control-label">是否在首页显示：</label>

             <div class="controls">

                 <form:radiobuttons path="isShowHomepage" items="${fns:getDictList('yes_no')}" itemLabel="label" itemValue="value" htmlEscape="false" class="required"/>

                 <span class="help-inline"><font color="red">*</font> </span>

             </div>

         </div>

         <div class="control-group">

             <label class="control-label">工作单位：</label>

             <div class="controls">

                 <form:input path="orgName" htmlEscape="false" maxlength="255" class="input-xlarge "/>

             </div>

         </div>

         <%--<div class="control-group">

             <label class="control-label">所属研究机构：</label>

             <div class="controls">

                 <c:if test="${not empty expert.id }">

                     ${expert.studyBranch}

                 </c:if>

             </div>

         </div>--%>

         <div class="control-group">

             <label class="control-label">职称职务：</label>

             <div class="controls">

                 <form:input path="position" htmlEscape="false" maxlength="255" class="input-xlarge "/>

             </div>

         </div>

         <div class="control-group">

             <label class="control-label">个人简介：</label>

             <div class="controls">

                 <form:textarea path="info" htmlEscape="false" rows="4" maxlength="5000" class="input-xxlarge "/>

             </div>

         </div>

         <div class="control-group">

             <label class="control-label">研究领域：</label>

             <div class="controls">

                 <form:textarea path="research" htmlEscape="false" rows="4" maxlength="500" class="input-xxlarge "/>

             </div>

         </div>

         <div class="control-group">

             <label class="control-label">研究成果：</label>

             <div class="controls">

                 <form:textarea id="majorWorks" htmlEscape="false" path="majorWorks" rows="4"  class="input-xxlarge"/>

                 <sys:ckeditor replace="majorWorks" uploadPath="/academic/expert" />

             </div>

         </div>

         <%--<div class="control-group">--%>

             <%--<label class="control-label">论文：</label>--%>

             <%--<div class="controls">--%>

                 <%--<form:textarea id="paper" htmlEscape="false" path="paper" rows="4"  class="input-xxlarge"/>--%>

                 <%--<sys:ckeditor replace="paper" uploadPath="/academic/expert" />--%>

             <%--</div>--%>

         <%--</div>--%>

         <div class="control-group">

             <label class="control-label">备注信息：</label>

             <div class="controls">

                 <form:textarea path="remarks" htmlEscape="false" rows="4" maxlength="255" class="input-xxlarge "/>

             </div>

         </div>

         <div class="form-actions">

             <shiro:hasPermission name="academic:expert:edit"><input id="btnSubmit" class="btn btn-primary" type="submit" value="保 存"/>&nbsp;</shiro:hasPermission>

             <input id="btnCancel" class="btn" type="button" value="返 回" onclick="history.go(-1)"/>

         </div>

     </form:form>

 </body>

哈哈哈哈好喜欢哟欢迎吐槽

SpringMVC from 表单标签和 input 表单标签的更多相关文章

button标签与input type=button标签使用的差异
button标签和input type=button标签都是html文档中用来表示按钮属性的元素,不过他们在布局和实际使用功能中存在一些差异. 下面将项目中遇到的一些总结如下: 1.属性和布局差异. ...
[转]SpringMVC<from:form>表单标签和<input>表单标签简介
原文地址:https://blog.csdn.net/hp_yangpeng/article/details/51906654 在使用SpringMVC的时候我们可以使用Spring封装的一系列表单标 ...
H5 基本标签使用浅析（含video标签、input表单等）
1. 音频标签<audio> <audio src = “./music/Alone.mp3” controls autoplay loop = “3” ></audio ...
<button>标签与<input type="button">标签
<script type="text/javascript" src="/jquery-1.11.3.min.js"></script> ...
SpringMVC学习系列（11）之表单标签
本篇我们来学习Spring MVC表单标签的使用,借助于Spring MVC提供的表单标签可以让我们在视图上展示WebModel中的数据更加轻松. 一.首先我们先做一个简单了例子来对Spring MV ...
表单相关标签之input标签
用于搜集用户信息. <input type="text" name="fname" /> 标签属性 type 规定 input 元素的类型.输入字段 ...
阻止form元素内的input标签回车提交表单
<form></form>标签内input元素回车会默认提交表单. 阻止回车默认提交表单: $('form').on('keydown', function (event) { ...
前端与后台可能需要使用交互的表单form，input标签
前端与后台可能需要使用交互的表单标签 form表单和input标签 textarea文本域表单 select,option下拉列表表单 fieldset和legend组合表单 label标签 form ...
表单提交按钮input和button、a的差异
现在普遍的在网页中,表单提交数据的按钮最常见实用有三种,一种是input,一种是button,最后一种,是其他如a标签,div标签,span标签代替而来.在以前的日子里,大家都习惯于用input,因为 ...

随机推荐

CentOS 7.2 部署Rsync + Lsyncd服务实现文件实时同步/备份（三）
配置过程中遇到的错误与查看日志以下错误是在服务正常开启的情况下发生的,请先查看服务是否正常启动. 一.错误 1. rsync: failed to set times on "." ...
nfs cron shell 笔记
1.nfs 2.crond 3.shell 1.准备环境: 防火墙 selinux 配置ip 2.安装软件二进制源码安装 3.改改配置文件二进制:/etc/nginx/nginx.conf 源码 ...
leetcode377
public class Solution { private int[] dp; public int CombinationSum4(int[] nums, int target) { dp = ...
Struts2 全局结果集-全局result节点设置，package设置abstract=true的实现
转自:https://blog.csdn.net/u013161278/article/details/41855273 如果我们所有的action均有可能跳到相同的页面,则不妨使用全局result. ...
ssh框架搭建实例代码教程步骤
http://blog.csdn.net/u010539352/article/details/49255729
MyBatis总结六：resultMap详解(包含多表查询)
简介: MyBatis的每一个查询映射的返回类型都是ResultMap,只是当我们提供的返回类型属性是resultType的时候,MyBatis对自动的给我们把对应的值赋给resultType所指定对 ...
Java-马士兵设计模式学习笔记-工厂模式-模拟Spring读取Properties文件
一.目标:读取properties文件,获得类名来生成对象二.类 1.Movable.java public interface Movable { void run(); } 2.Car.java ...
适合新手的Python爬虫小程序
介绍:此程序是使用python做的一个爬虫小程序爬取了python百度百科中的部分内容,因为这个demo是根据网站中的静态结构爬取的,所以如果百度百科词条的html结构发生变化需要修改部分内容. ...
R: 判别分析
判别与聚类的比较: 聚类分析和判别分析有相似的作用,都是起到分类的作用. 判别分析是已知分类然后总结出判别规则,是一种有指导的学习: 聚类分析则是有了一批样本,不知道它们的分类,甚至连分成几类也不知道 ...
100078D Domestic Networks
传送门题目大意有两种染料,给定它们的单价和数量,每染色一米需耗费一个单位的染料,一条边只能用一种燃料,给你一张图,要求你将其中的一些边染色使得在满足图联通的情况下花费最小并输出方案. 分析首先, ...

SpringMVC from 表单标签和 input 表单标签

SpringMVC from 表单标签和 input 表单标签的更多相关文章

随机推荐

热门专题