javascript——onsubmit和onreset事件 和开发中常用的方式

<head>
        <meta charset="UTF-8">
        <title></title>
        <script>
            function test(){
                return true;
            }
            function fun(){
                console.log("00000");
            }
        </script>
    </head>
    <body>
        <!--
            onsubmit=""onreset="fun()"必须在form标签之中
        -->
        <form action="http://www.baidu.com" onsubmit="return test()" onreset="fun()">
            <input name="ie" />
            <input type="submit" value="提交" />
            <input type="reset" value="重置" />
        </form>
    </body>

 

<script>
            function my_submit(){
                var element=document.getElementsByTagName("form")[0];
                element.submit();
            }
            function my_reset(){
                var element=document.getElementsByTagName("form")[0];
                element.reset();
            }
        </script>
    </head>
    <body>
        <!--
            onsubmit=""onreset="fun()"必须在form标签之中
        -->
        <form action="http://www.baidu.com">
            <input/>
            <label onclick="my_submit()">登录</label>
            <label onclick="my_reset()">重置</label>
        </form>
    </body>

 

posted @ 2018-08-21 09:32  木&子  阅读(869)  评论(0编辑  收藏  举报