一回しか押せないボタン

表示の例

このページを更新すると、また押す事が出来ます。

このボタンのソースは下のようになります。

表示させたい場所のHTMLソースに貼り付けましょう。

（必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください）

ソース

<FORM><INPUT type="button" value="ボタン" onClick="alert('このボタンは１回しか押せません');this.disabled='true';this.value='もう押せないよ'" style="border-style:solid; border-width:1px; border-color:#3366FF; background:#FFFFFF; font-size:10pt; color:#3366FF"></FORM>

下の表を見てあなたのお好みにかえてみましょう。

ボタンの外枠の太さ border-width:1px; の 1 ボタンの外枠の色 border-color:#3366FF; の #3366FF ボタンの背景の色 background:#FFFFFF; の #FFFFFF ボタンの文字の大きさ font-size:10pt; の 10 ボタンの文字の色 color:#3366FF の #3366FF 押せない時の文字 this.value='もう押せないよ' の もう押せないよ

ホームページお役立ち小技集のTOPへ