2016年01月07日
【HTML】陥りがちなbuttonタグのミス〜リロードされてしまう
初歩的なのですが、buttonタグで少しハマりました・・・
buttonタグでボタンを作成し、クリックするとonclickで指定したURLにとばず、
画面がリロードされてしまう・・・(-"-)
解決は単純で、typeが抜けています。
【誤】<button onclick="URL">ボタン</button>
【正】<button type="button" onclick="URL">ボタン</button>
typeを指定しない場合、デフォルトの処理でリロードされるようです。
buttonタグのtype属性でとれる値は以下の3つです。
【submit】送信ボタン
(例)
<button type="submit">送信</button>
【reset】リセット
(例)
<button type="reset">リセット</button>
【button】
(例)
<button type="button" onclick="URL">ページ遷移</button>
【このカテゴリーの最新記事】
-
no image
この記事へのコメント
コメントを書く
この記事へのトラックバックURL
https://fanblogs.jp/tb/4596837
※ブログオーナーが承認したトラックバックのみ表示されます。
この記事へのトラックバック