js获取表单域的三种方式

最新推荐文章于 2022-06-13 15:41:07 发布

mischen520

最新推荐文章于 2022-06-13 15:41:07 发布

阅读量2.2k

点赞数

分类专栏： javascript

本文链接：https://blog.csdn.net/miachen520/article/details/51863595

版权

javascript 专栏收录该内容

72 篇文章 1 订阅

订阅专栏

js获取表单域的三种方式

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script>
        //获取表单域  的方式
        function testFormArea(){
            var form1=document.forms["form1"];
            //formObj.name  第一种获取表单域对象的方法
            //alert(form1.pwd.value);
            //formObj.elements[index]  第二种获取表单域对象的方法
//            var uname=form1.elements[0];
            //formObj.elements[name]  第三种获取表单域对象的方法
            var uname=form1.elements["uname"];
            alert(uname.value);
        }
    </script>
</head>
<body>
    <form name="form1" id="formId" action="test.html" method="get">
        用户名:<input name="uname"  /><br/>
        密码:<input type="password" name="pwd"/><br/>
        <input type="submit" value="提交" />
    </form>
    <input type="button" value="test" οnclick="testFormArea()" />
</body>
</html>