formフォームの下のbuttonボタンはフォームの問題を自動的にコミットします

1216 ワード

formフォームの下のボタンでtypeタイプが指定されていない場合、クリックイベントを同時に追加した場合.私たちがクリックしたときにデフォルトに戻ってフォームも提出したことに気づきます.次のようになります.
    function validate(){        alert("test");    }

于是我大胆猜测应该是form下的button 按钮在没有明确的给出type类型时,会有一个默认值为:type=”submit”. 
带着这种猜测于是开始查找资料,在:https://www.w3.org/TR/2011/WD-html5-20110525/the-button-element.html#attr-button-type验证了我的猜测:

The type attribute controls the behavior of the button when it is activated. It is an enumerated attribute. The following table lists the keywords and states for the attribute — the keywords in the left column map to the states in the cell in the second column on the same row as the keyword.Keyword State   Brief descriptionsubmit  Submit Button   Submits the form.reset   Reset Button    Resets the form.button  Button  Does nothing.**The missing value default is the Submit Button state.**

スクリーンショット:
解決策は明らかです.このボタンの役割がフォームをコミットするためでなければ、typeプロパティを追加すればいいです.