アフィリエイト広告を利用しています

広告

posted by fanblog

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>





【このカテゴリーの最新記事】
posted by newprogramer at 00:11| Comment(0) | TrackBack(0) | HTML
この記事へのコメント
コメントを書く

お名前:

メールアドレス:


ホームページアドレス:

コメント:

※ブログオーナーが承認したコメントのみ表示されます。

この記事へのトラックバックURL
https://fanblogs.jp/tb/4596837
※ブログオーナーが承認したトラックバックのみ表示されます。

この記事へのトラックバック
検索
カテゴリーアーカイブ

最新記事
×

この広告は30日以上新しい記事の更新がないブログに表示されております。