zoukankan      html  css  js  c++  java
  • 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)
    
    }
        
  • 相关阅读:
    主流 Blog 程序集锦
    网站地图怎么做?dedecms网站地图制作方法听语音
    WOW.js – 让页面滚动更有趣
    使用网站地图六大好处
    ps快捷键
    网站地图起什么作用
    一步一步CCNA之四:路由器端口配置
    HP Linux Imaging and Printing
    雁渡寒潭四大
    spss
  • 原文地址:https://www.cnblogs.com/themost/p/8460330.html
Copyright © 2011-2022 走看看