spring mvc:常用标签库(文本框,密码框,文本域,复选框,单选按钮,下拉框隐藏于,上传文件等)...

在jsp页面需要引入:<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>标签.

文本框:

<td><form:label path="name">姓名:</form:label></td>
<td><form:input path="name" /></td>

  密码框:

<td><form:label path="username">用户名:</form:label></td>
<td><form:input path="username" /></td>

  文本域:

<td><form:label path="address">地址:</form:label></td>
<td><form:textarea path="address" rows="5" cols="30" /></td>

  复选框:

<td><form:label path="receivePaper">订阅新闻?</form:label></td>
<td><form:checkbox path="receivePaper" /></td>

  复选框(多选)需要跟后端java连用:

 @ModelAttribute("webFrameworkList")
   public List<String> getWebFrameworkList()
   {
      List<String> webFrameworkList = new ArrayList<String>();
      webFrameworkList.add("Spring MVC");
      webFrameworkList.add("Spring Boot");
      webFrameworkList.add("Struts 2");
      webFrameworkList.add("Apache Hadoop");
      return webFrameworkList;
   }

  

<form:checkboxes items="${webFrameworkList}" path="favoriteFrameworks" />

  单选按钮:

<form:radiobutton path="gender" value="M" label="男" /> <form:radiobutton path="gender" value="F" label="女" />

  多项单选按钮(需要跟后端java连用):

@ModelAttribute("numbersList")
   public List<String> getNumbersList()
   {
      List<String> numbersList = new ArrayList<String>();
      numbersList.add("1");
      numbersList.add("2");
      numbersList.add("3");
      numbersList.add("4");
      return numbersList;
   }

  

<form:radiobuttons path="favoriteNumber" items="${numbersList}" />

  下拉列表:需要跟后端代码连用:

 @ModelAttribute("countryList")
   public Map<String, String> getCountryList()
   {
      Map<String, String> countryList = new HashMap<String, String>();
      countryList.put("US", "United States");
      countryList.put("CH", "China");
      countryList.put("SG", "Singapore");
      countryList.put("MY", "Malaysia");
      return countryList;
   }

  

<form:select path="country">
   <form:option value="NONE" label="Select"/>
   <form:options items="${countryList}" />
</form:select>

  多列表复选框:

 @ModelAttribute("skillsList")
   public Map<String, String> getSkillsList()
   {
      Map<String, String> skillList = new HashMap<String, String>();
      skillList.put("Hibernate", "Hibernate");
      skillList.put("Spring", "Spring");
      skillList.put("Apache Hadoop", "Apache Hadoop");
      skillList.put("Struts", "Struts");
      return skillList;
   }

  

<form:select path="skills" items="${skillsList}" multiple="true" />

  隐藏域:

<form:hidden path="id" value="1000"/>

  spring mvc错误处理 :

<form:errors path="*" cssClass="errorblock" element="div" />

  上传文件:

<form:form method="POST" modelAttribute="fileUpload"
        enctype="multipart/form-data">
      请选择一个文件上传 : 
      <input type="file" name="file" />
        <input type="submit" value="提交上传" />
    </form:form>

  这里使用带有value =“fileUpload”modelAttribute属性来映射文件用服务器模型上传控件。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
以下是一个简单的 HTML 表单页面,包含了按钮、输入、单选复选框下拉框文本域等元素: ```html <!DOCTYPE html> <html> <head> <title>表单页面</title> </head> <body> <form> <label for="name">姓名:</label> <input type="text" id="name" name="name" required><br><br> <label for="gender">性别:</label> <input type="radio" id="male" name="gender" value="male" required> <label for="male">男</label> <input type="radio" id="female" name="gender" value="female" required> <label for="female">女</label><br><br> <label for="hobby">爱好:</label> <input type="checkbox" id="reading" name="hobby" value="reading"> <label for="reading">阅读</label> <input type="checkbox" id="music" name="hobby" value="music"> <label for="music">听音乐</label> <input type="checkbox" id="sports" name="hobby" value="sports"> <label for="sports">运动</label><br><br> <label for="city">城市:</label> <select id="city" name="city"> <option value="beijing">北京</option> <option value="shanghai">上海</option> <option value="guangzhou">广州</option> <option value="shenzhen">深圳</option> </select><br><br> <label for="message">留言:</label><br> <textarea id="message" name="message" rows="5" cols="40"></textarea><br><br> <button type="submit">提交</button> </form> </body> </html> ``` 解释一下代码: - `<form>` 标签表示一个表单,包含了多个表单元素; - `<label>` 标签用于描述表单元素; - `<input>` 标签用于创建输入,`type` 属性可以设置不同类型的输入,如文本框密码复选框、单选等; - `<select>` 标签用于创建下拉框,内部使用多个 `<option>` 标签来定义选项; - `<textarea>` 标签用于创建文本域,可以输入多行文本; - `<button>` 标签用于创建按钮,`type` 属性可以设置不同类型的按钮,如提交按钮、重置按钮等。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值