普通input标签中的name与value和form:input标签中的path

本文解释了HTML表单中input标签的name与value属性的重要性,通过类比公司的工资册来说明它们之间的关系,并介绍了path属性的应用场景。此外,还提供了一个具体的例子,展示了如何在表单中正确设置这些属性。

1普通input标签中的name与value必须成对使用
就是名值对,比如一个公司的工资册,只有张三这个人名却没有对应张三的工资额,那发薪水时该发张三多少钱呢?

同样,工资册上只写了个薪水额,却没有写是对应给哪个员工的也是没用的呀,呵呵。

NAME就是用来做表单提交时分辨张三李四的;VALUE就是找到了张三李四以后要把他们的值带过去;
因此要传递参数,就必须是正确的名值对;为什么表单提交前通常要验证一下相关控件是否是空值就是这个意思,防止“有名无实”的情况出现。
2path属性











Name:
Age:


如在上面的代码中,假设Model中存在一个属性名称为command的javaBean,且它的name和age属性分别为“Zhangsan”和“36”时,那么它在渲染时就会生成如下一段代码:

<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>  
在 SpringMVC 中,`<form:select>` 标签用于生成 HTML 的 `<select>` 元素,支持从模型数据中绑定选项值,并且可以结合 `<form:option>` 或标准的 `<option>` 标签来定义下拉选项。 ### 基本使用方法 `<form:select>` 标签通常 `path` 属性一起使用,用来绑定模型对象中的某个属性。它可以通过 `items` 属性指定一个数据源,例如从控制器传入的列表数据,也可以手动嵌套 `<form:option>` 或 `<option>` 来定义选项。 以下是一个典型的 `<form:select>` 使用示例: ```jsp <form:form action="formTag/form.do" method="post" commandName="user"> <table> <tr> <td>最喜欢的运动:</td> <td> <form:select path="favoriteBall"> <option>请选择</option> <form:option value="1">篮球</form:option> <option value="4">羽毛球</option> </form:select> </td> </tr> <tr> <td colspan="2"> <input type="submit" value="提交"/> </td> </tr> </table> </form:form> ``` 上述代码会在页面上渲染出一个下拉选择框,其中包含“请选择”、“篮球”“羽毛球”三个选项。用户选择后提交表单时,选中的值会自动绑定到 `user.favoriteBall` 属性上[^1]。 ### 结合 items 数据源使用 除了手动定义 `<form:option>` 或 `<option>`,还可以通过 `items` 属性动态绑定数据源。这种用法适用于选项较多或需要从数据库获取的情况。 假设在控制器中设置了如下模型数据: ```java model.addAttribute("sports", Arrays.asList( new Sport(1, "篮球"), new Sport(2, "足球"), new Sport(3, "排球"), new Sport(4, "羽毛球") )); ``` 并在 JSP 页面中使用: ```jsp <form:select path="favoriteBall" items="${sports}" itemLabel="name" itemValue="id"/> ``` 这段代码将根据 `sports` 列表自动生成对应的 `<option>` 标签,每个选项的显示文本为 `name`,实际值为 `id`。 ### 特点优势 SpringMVC 提供的 `<form:select>` `<form:option>` 标签具备自动绑定模型数据的能力,简化了表单处理流程。同时,它们还支持多种提交方式(如 PUT、DELETE),提升了开发灵活性[^2]。
评论
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值