ボタン
いろんなHPにあるボタン。そのタグを公開します。
・基本となるボタン
まぁこんな感じ。これが基本だよ。
タグは、
<INPUT TYPE="button" VALUE="押すべし" onClick="alert('カカロットォォ!!')"></INPUT>
・ボタンで質問する
これもよく使われるね。
タグは、
<input type='button' value='ピンポンダッシュ'
onClick=if(confirm('野球は好きか?')){alert('おぉ、友よ〜');}else{alert('巨人の星読めよ!!');}>
「おぉ、友よ〜」の部分はOKを押した時の言葉です。
「巨人の星読めよ!!」の部分はキャンセルを押した時の言葉です。
・ボタンの色を変える
いい感じでしょ。これは質問ボタンに色をつけてるけど、普通のボタンにもつけれるよ。
タグは、
<INPUT TYPE=button style=background-color:skyblue;color:orange;font-size:10pt;border-color:pink VALUE=カラフル
onClick=if(confirm('こういうのもいいよね。')){alert('やっぱり。')}else{alert('嫌なの?');}></INPUT>
[skyblue]のところはボタンの色です。
[orange]のところは文字の色です。
[pink]のところは枠の色です。
・ボタンに工夫をする。
おもしろいでしょ。
タグは、
<INPUT TYPE=submit VALUE=白、ピンク、そして・・・
STYLE=BACKGROUND:white;COLOR:black;font-size:10pt;BORDER-WIDTH:1px;BORDER-COLOR:black onmouseover=this.style.backgroundColor='pink' onmouseout=this.style.backgroundColor='orange' onClick=alert('オレンジです。')></INPUT>
[white]は初めのボタンの色です。
[black]は2つありますが、最初の方は文字の色、後の方は枠の色です。
[pink]はマウスポインタがボタンの上に乗った時のボタンの色です。
[orange]はボタンの上からマウスポインタがのいた時のボタンの色です。