• 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)
    
    }
        
  • 相关阅读:
    命令提示符窗口adb shell 执行sqlite命令时进入 ...> 状态如何退出
    通过android studio 浏览模拟器中文件
    vim快捷键参考
    快速体验openstack-用devstack安装openstack
    css靠左,靠右
    全国-城市-百度地图中心点坐标
    java_dom4j解析xml
    December 31st, Week 53rd Tuesday, 2019
    December 28th, Week 52nd Saturday, 2019
    December 21st, Week 51st Saturday, 2019
  • 原文地址:https://www.cnblogs.com/themost/p/8460330.html
Copyright © 2020-2023  润新知