input标签的value和name属性详解 |
您所在的位置:网站首页 › xin_28090301145613404761jpg › input标签的value和name属性详解 |
input标签的value和name属性详解
一、value属性
input 标签的 value 属性的作用是由 input 标签的 type 属性的值决定的
当 type 的取值为 button、reset、submit 中的其中一个时,此时 value 属性的值表示的是按钮上显示的文本
当 type 的取值为 text、password、hidden 中的其中一个时,此时 value 属性的值表示的是输入框中显示的初始值,此初始值可以更改,并且在提交表单时,value 属性的值会发送给服务器(既是初始值,也是提交给服务器的值)
当 type 的取值为 checkbox、radio 中的其中一个时,此时 value 属性的值表示的是提交给服务器的值
当 type 的取值为 image 时,点击它提交表单后,会将用户的点击位置相对于图像左上角的 x 坐标和 y 坐标提交给服务器
在谷歌浏览器中的呈现效果如下: 【注】: checkbox 型的 input 标签的不足之处在于:提交表单时,只有处于勾选状态的复选框的数据值才会发送给服务器。也就是说,如果没有任何一个复选框被选中,那么服务器就不会收到与其相关的数据项。 当设置 input 标签的 type 属性值为checkbox 或者 radio 时,必须同时设置 input 标签的 value 属性。 当 type="file" 时,不能使用 value 属性。二、name属性 name 属性规定 input 元素的名称 name 属性用于对提交到服务器后的表单数据进行标识,或者在客户端通过 JavaScript 引用表单数据 只有设置了 name 属性的表单元素才能在提交表单时传递它们的值,因为服务端获取表单提交的数据是通过表单元素的 name 属性的值而得到的,没有 name 属性就无法得到表单元素提交给服务端的值。 // getParameter("fullName") 中的 fullName 为表单中其中一个input标签的name属性的值 String fullName = request.getParameter("fullName"); 再次补充示例代码: 1 2 Name: 3 Email: 4 5 定义和用法name 属性规定 input 元素的名称 1、 name 属性用于对提交到服务器后的表单数据进行标识 2、 name 属性在客户端通过 JavaScript 引用表单数据 注释:只有设置了 name 属性的表单元素才能在提交表单时传递它们的值 如上面的例子:在后端他有个对象存在 两个属性为 fullname和 email 与两个input中的name属性相对应。这样我们就可以通过input 向后端传值。
注: 必须要保障input中的name属性的值与后端对象的属性名要保持一致才可以进行传值。
|
CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3 |