表单提交方式

表单提交方式
            * 使用submit提交
                    <form>
                            .....
                           <input type="submit" />
                    </form>

            * 使用button提交表单
                     - 代码
                       //实现提交方法
                        function form1() {
                              //获取form
                              var form1 = document.getElementById("form1");
                              //设置action
                              form1.action = "hello.html";
                              //提交form表单
                              form1.submit();
                         }

            * 使用超链接提交
                        - 代码
                         <a href="hello.html?username=123456">使用超链接提交</a>

            * onclick：鼠标点击事件
               onchange：改变内容（一般和select一起使用）

               onfocus:得到焦点 (ie5、某些版本的ie6)
               onblur:失去焦点

<body>
    <form id="form1" >
        <input type="text" name="username"/>
        <br/>
        <input type="button" value="提交" onclick="form1();"/>
    </form>

    <hr/>

    <a href="hello.html?username=123456">使用超链接提交</a>

    <hr/>
    <input type="text" id="id1" name="text1" value="please input" onfocus="focus1();" onblur="blur1();"/>
 </body>
 
 <script type="text/javascript">
    //得到焦点
    function focus1() {
        //alert("foucus.");
        var input1 = document.getElementById("id1");
        input1.value = "";
    }

    //失去焦点
    function blur1() {
        //alert("blur.");
        var input1 = document.getElementById("id1");
        input1.value = "please input";
    }

    //实现提交方法
    function form1() {
        //获取form
        var form1 = document.getElementById("form1");
        //设置action
        form1.action = "hello.html";
        //提交form表单
        form1.submit();
    }
        
 </script>

 

posted @ 2016-11-03 15:12  sunli0205  阅读(302)  评论(0)    收藏  举报