javascript获取表单的各项值

何谓表单?
    
    表单是html页面中负责数据采集功能的部件,它往往由三个部分组成:
        表单标签:<form></form> 用于声明表单的范围,位于表单标签中的元素将被提交。属性有method,entype,action等
        表单域:<input...../>包含了 包含了文本框,密码框等多种类,属性有type,name, value...
                    type=text 文本框
                    type=password 密码框
                    type=textarea文本区域
                    type=file文件上传框
                    type=radid单选框
                    type=checkbox复选框
        
        表单按钮
                提交按钮
                复位按钮
                一般按钮 
        
    我们可以通过表单,将用户输入的数据提交给服务端,并交由服务端进行处理。
    
例子:
<html>
    <head>
        <title>form表单</title>
        <meta charset="utf-8">
        <script type="text/javascript" src="getValue.js"></script>
    </head>
        <body>
            <form name="form1">
                <!--文本-->
                <input type="text" placeholder="text" name="text1" />
                <!--密码-->
                <input type="password" placeholder="password" name="password" />
                <!--多行文本域-->
                <textarea placeholder="textarea" name="textarea" style="resize:none"></textarea>
                <!--文件上传-->
                <input type="file" name="file"/>
                <!--单选框,注意name值一样-->
                <input type="radio" name="option" value="option1"/>option1
                <input type="radio" name="option" value="option1"/>option2
                <!--复选框-->
                <input type="checkbox" name="check" value="option1"/>option1
                <input type="checkbox" name="check" value="option2"/>option2
                <input type="checkbox" name="check" value="option3"/>option3
                
                <input type="submit" value="submit"/>
                <input type="reset" value="reset"/>
                <input type="button" value="button" onclick="getValue()"/>
                
            </form>
        </body>
</html>


javascrpt获取表单的值

function getValue(){

    var v1 = document.form1.text1.value;
    var arr = document.form1.check;
    alert(arr[0].value)

}
    
原文地址:https://www.cnblogs.com/themost/p/8460330.html