form_html/css_WEB-ITnose のボタン タグの問題

WBOY
リリース: 2016-06-21 09:18:19
オリジナル
1427 人が閲覧しました

<form>        <input type="text" id='username'>        <button type="button" id='save' onclick="save()">保存</button>    </form> <script>        function save(){            var name = document.getElementById('username').value;            alert(name);            if(name=='hello'){                history.go(-1);            } else{                alert('输入错误 hello');            }        }    </script>
ログイン後にコピー
ログイン後にコピー


ボタンがフォームに配置されている場合、onclick イベントは応答しません。ボタンがフォームに配置されていない場合は、save() メソッドが呼び出されます。
すみません、何が起こっているのですか?フォームは応答なしで自動的に送信されましたか?


ディスカッション(解決策)に返信

関数名を

<form>        <input type="text" id='username'>        <button type="button" id='save' onclick="save1()">保存</button>    </form>  <script>        function save1(){            var name = document.getElementById('username').value;            alert(name);             if(name=='hello'){                history.go(-1);            } else{                alert('输入错误 hello');            }        }    </script>
ログイン後にコピー
ログイン後にコピー
に変更します

そうです




関数名を
<form>        <input type="text" id='username'>        <button type="button" id='save' onclick="save1()">保存</button>    </form>  <script>        function save1(){            var name = document.getElementById('username').value;            alert(name);             if(name=='hello'){                history.go(-1);            } else{                alert('输入错误 hello');            }        }    </script>
ログイン後にコピー
ログイン後にコピー
に変更します

しかし、フォームにボタンを入力しないと反応してしまうのはなぜでしょうか。
「>保存


フォームでは、保存は < とみなされます。 button type="button" id='save'
onclick=" console.log(save);" 印刷して保存するとわかります

フォームでは、保存は

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート