js表单提交方式与表单事件

1、表单提交方式

(1)使用submit提交

<form>
        ...
        <input type="submit">
    </form>

提交form内内容

(2)使用button提交表单

body内代码

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

js代码

<script type="text/javascript">
        function form1() {
            var form1 = document.getElementById("form1");
            form1.action = "user.html";
            form1.submit();
        }
    </script>

(3)使用超链接提交

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

2、表单事件
onclick ：鼠标点击事件
onchange ：改变内容（一般和select使用）
onfocus ：得到焦点
onblur ：失去焦点