精华内容
下载资源
问答
  • 前端开发日记之form表单name属性详解

    千次阅读 2016-09-09 15:52:49
    我们知道,$("#Form").serialize(),提交的是表单里控件的value值,并且是根据form里面的name属性来获取这些value值的。 今天,我们就来谈一谈form表单里的name属性可能给我们带来的困扰。 大家看如下代码: ...

    我们知道,$("#Form").serialize(),提交的是表单里控件的value值,并且是根据form里面的name属性来获取这些value值的。

    今天,我们就来谈一谈form表单里的name属性可能给我们带来的困扰。

    大家看如下代码:

    <form name="test">
    <input type="button" οnclick="test()" value="test">
    </form>

    我们发现当form表单的name值和我们的js函数重名时,js函数就无法调用,会提示“Uncaught TypeError: test is not a function”错误。

    已下情况是一样的:

    <form>
    <input type="text" name="test">
    <input type="button" οnclick="test()" value="test">

    </form>

    又或者:

    <form>
    <input type="button" name="test"
     οnclick="test()" value="test">
    </form>

    有或者:

    <form name="test"></form>
    <input type="button" οnclick="test()" value="test">

    但是:

    <form >
    <input name="test">
    </form>
    <input type="button" οnclick="test()" value="test">

    test()函数是能正常调用的。

    我们现在来总结一下:

    对于全局的JS来说form一被加载就构建了一个全局对象,其句柄就是form的name值,我们在其他地方使用的JS函数不能和form的name重名。

    对于一个form表单局部来说,里面的每一个对象对于JS来说是一个局部对象,在此form表单下我们的JS函数不能和每一个对象的name重名,当然也不能和此form的name重名。

    展开全文
  • form标签的name属性作用

    千次阅读 2020-05-16 22:49:51
    form标签的name属性作用 form 标签的 name 属性可以用来为表单设置一个独一无二的标识符,以便使用 DOM 时可以区分各个表单 注意:name 属性和全局属性 id 不是一回事,后者在 HTML 文档中多用于 CSS 选择器 ...

    form标签的name属性的作用
               form 标签的 name 属性可以用来为表单设置一个独一无二的标识符,以便使用 DOM 时可以区分各个表单
              注意:name 属性和全局属性 id 不是一回事,后者在 HTML 文档中多用于 CSS 选择器
             提交表单时 form 标签的 name 属性的值不会被发送给服务器,所以该属性的用处仅限于 DOM 中


    input标签的name属性的作用
               表单中的 input 标签必须设置 name 属性,否则在提交表单时,用户在其中输入的数据不会被发送给服务器
     

    展开全文
  • form表单提交时多个相同name属性

    千次阅读 2020-05-06 15:53:48
    form表单提交时多个相同name属性form表单提交时多个相同name属性

    form表单提交时多个相同name属性form表单提交时多个相同name属性

    其他情况参考:springmvc参数为对象,数组

    如果页面直接需要多套相同的name,比如一位老师,多位同学

    后台代码

    Person类

    @Data
    public class Person {
        private String name;
        private Integer age;
    }

    Teacher类

    @Data
    public class Teacher extends Person {
        private List<Person> studentList;
    }

    controller

        @GetMapping("form5")
        public String form5(ModelMap modelMap, Teacher teacher) {
            System.out.println("teacher -> " + teacher);
            modelMap.put("display0", teacher);
            return "person/display";
        }

    前端代码

        <label>form5:复杂数据(用teacher接收,同时有多个学生)</label>
        <form action="/form5" method="get" id="form5">
            老师0:
            name: <input name="name" type="text">
            age: <input name="age" type="text">
            <br/>
            学生1:
            name: <input name="studentList[0].name" type="text">
            age: <input name="studentList[0].age" type="text">
            <br/>
            学生2:
            name: <input name="studentList[1].name" type="text">
            age: <input name="studentList[1].age" type="text">
            <input type="submit" value="提交">
        </form>

    异步请求也是一样的写法

    有待更新。。。

    展开全文
  • form表单中用name属性传值

    千次阅读 2013-09-17 22:42:37
    pageEncoding="UTF-8"%> 获取参数 String paramByRequest = request.getParameter("test"); out.print("获取参数:"+...当点击提交按钮的时候,form 表单提交本页面,通过name=“test” 的标签来传递其na
    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>获取参数</title>
    </head>
    <%
    String paramByRequest = request.getParameter("test");
    String selectTest = request.getParameter("selectTest");
    out.print("获取参数:"+paramByRequest);
    out.print("获取参数:"+selectTest);
    %>
    <body>
    <form action="">
    <input name="test" value=""/>
    <select name="selectTest">
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    </select>
    <button type="submit" >提交</button>
    </form>
    </body>
    </html>

    当点击提交按钮的时候,form 表单提交本页面,通过name=“test” 的标签来传递其name=“test” 对应的value值;下拉列表中通过name=selectTest的传值。也可将action="" 跳转到另一个页面进行表单提交。


    有点时候需要用Jquery传值

    A.jsp=================

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>获取参数</title>
    </head>
    <body>
    <form action="">
    <input name="test" value=""/>
    <select name="selectTest">
    <option value="11">11</option>
    <option value="12">12</option>
    <option value="13">13</option>
    </select>
    <div id="iii">测试</div>
    </form>
    <script type="text/javascript" src="jquery-1.5.1.js"></script>
    <script type="text/javascript">
    $(function(){
    $("#iii").click(function click1(){
    var testBy = $("[name=test]").val(); 
    var selectTest = $("[name=selectTest]").val(); 
    var src="index9.jsp?";
    src += "T1="+testBy+"&T2="+selectTest;
    window.location.href = src;
    });
    });
    </script>
    </body>
    </html>

    点击事件跳转到的index9.jsp================

    <%@ page language="java" contentType="text/html; charset=UTF-8"
        pageEncoding="UTF-8"%>
    <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
    <html>
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
    <title>Insert title here</title>
    </head>
    <body>
    <%
    String paramByRequest = request.getParameter("T1");
    String selectTest = request.getParameter("T2");
    out.print("获取参数1:"+paramByRequest);
    out.print("获取参数2:"+selectTest);
    %>
    </body>
    </html>

    ============以上是简单的input和下拉列表获取值



    展开全文
  • js获取form表单name属性的值

    万次阅读 2018-05-22 13:07:23
    在项目中因为动态表单无法确定标签name属性的值,因此需要即时获取以便进行存储。前端代码如下:&lt;div class="control-group"&gt; &lt;label class="control-label"&gt;土拨...
  • Jsp中EL表达式可以放在表单name属性里吗? 例如: ``` <input name="${question.id}" /> ``` 目的是为了根据id取得question对应answer,求大神帮忙
  • 在一个form中若不同标签的name属性重复,在提交时会自动将value封装成数组,中间以“,”分割
  • 表单提交的数据,以其name属性为准

    千次阅读 2018-06-28 17:54:09
    在提交表单数据的过程中,我发现提交的表单内容数据,以其name属性为基准。当然了,我习惯把name与id属性统一起来,这样就能姑且认为是通过name属性提交的数据。实际结果也是以name属性为基准的。 比如,我在下面的...
  • HTML中各个标签的name属性作用

    千次阅读 2020-01-14 17:00:45
    前言  我们在刚开始学习HTML时很少回家name属性,即使加了也不会用到,也不是很清楚它是干什么的!...name属性作用name属性就是我们Django中处理post请求时get/getlist函数的键(以Django为例) ...
  • 表单中input name属性有无[]的区别

    千次阅读 2017-05-02 16:09:34
    本文转自http://www.awaimai.com/2076.html ...Form提交有个小技巧,应用中灵活使用可以起到事半功倍的效果。这个技巧就是input数组提交。1. input数组如下一个表单:<input type="text" name="username[]" value
  • 以前获取dom元素基本都是通过js的document.getElementById()或者document.getElementByName等方法或者通过jQ的选择器来选择,但其实html的name属性也可以用来直接获取dom元素,代码如下所示:<!DOCTYPE html> ...
  • 项目中有这样的需求:根据不同的业务逻辑填写不同的表单提交到数据库中, 但是不同的表单之间又有一些字段是一样的,也就是说在form表单里存在多个name值相同的 input输入框,这样在提交的时候就会有这么一个问题,...
  • 获取form表单的有name属性的value值

    千次阅读 2019-05-13 10:03:02
    var model = {}; var x = $(“form”).serializeArray(); // var czr_seria = {}; $.each(x, function (i, ...//czr_seria += field.name + “:” + field.value + “,”; model[field.name] = field.value; }); ...
  • 我想实现能自动填写某个网站表单的功能,百度了一下感觉...但是我看了下很多网站的form都没有name属性怎么办?直接写表单的name的话会报错。 如果有其他比较好的方法也请告诉我一下,谢谢
  • Struts2中表单中标签里name属性的用法

    千次阅读 2017-11-14 09:21:59
    第一种情况:input中直接写入name=“字段名”,比如:name="dog"; 第二种情况:input中写入name="对象.字段名",比如:name="animal.dog"; 以上这两种用法很常见,但是他们不等价,其中区别还是很大,下面我将介绍...
  • 当input标签name属性为submit时对表单的影响
  • 提交form表单数据到服务器端(如果表单中的元素不设置name属性,是否能把数据提交到服务器端呢?) 在如下案例中,是把表单数据提交到服务器端的servlet中 注意: 1.只有设置了 name 属性的表单元素才能在提交表单时...
  • 项目中有这样的需求:根据不同的业务逻辑填写不同的表单提交到数据库中, 但是不同的表单之间又有一些字段是一样的,也就是说在form表单里存在多个name值相同的 input输入框,这样在提交的时候就会有这么一个问题,...
  • 在前端中,在编辑单选框以及多选框时候,一般属性有name和value,也可以将当前的多选框和单选框输入一个表示的值。比如: 1、单选框 bike walk 对于单选框,value和你的文本内容是...同时,name属性作用是将你
  • Html中value和name属性作用

    千次阅读 2013-08-17 20:50:04
    Html中value属性作用
  • form标签的name属性作用 form 标签的 name 属性可以用来为表单设置一个独一无二的标识符,以便使用 DOM 时可以区分各个表单 注意:name 属性和全局属性 id 不是一回事,后者在 HTML 文档中多用于 CSS 选择器 提交...
  • jQuery根据name属性查找

    千次阅读 2017-10-04 11:16:59
    $("input[name='keleyicom']") 选择所有的name属性等于'keleyicom'的input元素  $("input[name!='keleyicom']") 选择所有的name属性不等于'keleyicom'的input元素  $("input[name^='keleyi']") 选择所有的na
  • 表单name和value的作用

    千次阅读 2012-11-07 23:16:00
    type只是指定控件的类型,比如是输入框还是下拉选择框还是按钮, 而name就是对这个控件命名,...其实name属性只是一个区分作用,而value则是一个初始值的作用, 通过测试可以发现在文本框(域)传递接收数据时候,
  • HTML5 表单属性

    千次阅读 2016-06-28 20:15:30
    1、HTML5 新的表单属性 HTML5 的 和 标签添加了几个新属性.  新属性:autocomplete、novalidate  新属性:autocomplete、autofocus、form、formaction、formenctype、formmethod、formnovalidate、formtarget、...
  • jQuery 表单对象属性

    千次阅读 2018-09-09 00:00:00
    jQuery有着非常丰富的DOM元素操作方法,在DOM元素中,表单元素尤为突出,在jQuery库中与表单DOM元素相关的方法是占有非常大的比例,可见一斑!接下来的文章中,将是都介绍与表单DOM元素相关的方法。 本篇文章,介绍...
  • 后面举的例连一个name都没有看见!求大神解说~女生学电脑可能不太灵光~谢谢啦![图片说明](http://forum.csdn.net/PointForum/ui/scripts/csdn/Plugin/001/face/83.gif)![图片说明]...
  • html 中是允许多个具有相同name属性的元素的,例如 div> input name="txtName" id="txtFirstName" type="text" /> input name="txtName" id="txtMiddleName" type="text" /> input name="txtName" id="txtLastName...

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 291,207
精华内容 116,482
关键字:

表单的name属性作用