ホームページ >ウェブフロントエンド >htmlチュートリアル >form_html/css_WEB-ITnose のボタン タグの問題

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

WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWB
WBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBOYWBオリジナル
2016-06-21 09:18:191482ブラウズ

<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>
に変更します

そうです

4f01554e421b640b5c1f84d44d2d9425保存70c479cc3a65ca25a1e3b1bfd39b1a85
同じ名前は使用できません!

<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() メソッドが呼び出されます。
すみません、何が起こっているのですか?フォームは応答なしで自動的に送信されましたか?



でもフォームにボタンを入れないと反応してしまうのはなぜでしょうか?
980f9c66dd0c8f16277ccd6a9ea07f94--> 「>保存65281c5ac262bf6d81768915a4a77ac0
2d3391024e201155595cc6db6bbb6728-->

関数名を
<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>
に変更します

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

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

フォームでは、保存は

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。