javascript获取form表单中的字段值

来源:互联网 发布:数据帧结构 编辑:程序博客网 时间:2024/05/17 08:28
javascript获取form表单中的字段值
1
<html>
2
3
<body>
4
    <form id='test-form'>
5
        用户名:<input name='userName' value="123" /><br> 密码:
6
        <input name='pass' /><br>
7
    </form>
8
    <script type="text/javascript">
9
        var testForm1 = document.forms['test-form'];
10
        console.log('testForm1=' + testForm1);
11
        var testForm2 = document.getElementById('test-form');
12
        console.log('testForm2=' + testForm2);
13
14
        var userName1 = testForm1.userName;
15
        console.log('userName1=' + userName1);
16
        var userName2 = testForm1.elements[0];
17
        console.log('userName2=' + userName2);
18
19
        var userNameVal = userName1.value;
20
        console.log('userNameVal=' + userNameVal);
21
    </script>
22
</body>
23
24
</html>
结果: