平面

<INPUT TYPE=BUTTON VALUE=ボタンの文字 STYLE=BACKGROUND:背景の色;COLOR:文字の色;font-size:10pt;BORDER-WIDTH:1px;BORDER-COLOR:枠の色 onClick=alert('ここにコメント')></INPUT>

オンマウスで変化

<INPUT TYPE=submit VALUE=ボタンの文字 STYLE=BACKGROUND:最初の背景色;COLOR:文字の色;font-size:10pt;BORDER-WIDTH:1px;BORDER-COLOR:枠の色 onmouseover=this.style.backgroundColor='触れたときの色' onmouseout=this.style.backgroundColor='触れた後の色' onClick=alert('ここにコメント')></INPUT>

枠ナシ

<INPUT type="button" onclick="alert('ここにコメント');" value="文字" style="border-style : none none solid;border-left-style : none;border-bottom-style : none;border-left-style : none;font-size : 10pt;color:文字の色;background-color : 背景の色;">

点線ボタン

<INPUT TYPE=button VALUE=文字 onClick=alert('コメント') style="background-color:#背景の色; color:#文字色; border-style:dashed; border-width:点線、水玉の大きさ; border-color:周りの色;"></INPUT>

水玉ボタン

<INPUT TYPE=button VALUE=文字 onClick=alert('コメント') style="background-color:#背景の色; color:#文字色; border-style:dotted; border-width:点線、水玉の大きさ; border-color:周りの色;"></INPUT>

二重線ボタン

<input type="button" value="文字" onclick="alert('ここにコメント');" style="border-top-width : 3px;border-right-width : 3px;border-bottom-width : 3px;border-left-width : 3px;border-top-style : double;border-right-style : double;border-bottom-style : double;border-left-style : double;border-top-color : black;border-right-color : black;border-bottom-color : black;border-left-color : black;color : 文字の色;background-color : 背景の色;">

文字が動く
うごくぅ。 <BUTTON style=width:50;height:25;background-color:背景色;color:文字色; border-color:枠の色 onClick="alert('コメント')"><marquee>文字</marquee>< /BUTTON>

平面Ｖｅｒ
平面ダー。 <BUTTON style=width:50;height:25;BORDER-STYLE:solid;BORDER-WIDTH:1px;background-color:背景色;color:文字色; border-color:枠の色 onClick="alert('コメント')"><marquee>文字</marquee>< /BUTTON>

壁紙背景

<INPUT TYPE=submit VALUE=ボタンの文字 STYLE=BACKGROUND:背景の色;COLOR:文字の色;font-size:10pt;BORDER-WIDTH:1px;BORDER-COLOR:枠の色;background-image:url(壁紙のＵＲＬ) onClick=alert('ここにコメント')></INPUT>

触れただけでメッセージ

<IMG SRC=画像のURL onMouseOver="alert('コメント');">

質問

<input type='button' value='ボタンの文字' onClick=if(confirm('最初のクリックしたときのコメント')){alert('OKの言葉');}else{alert('キャンセルの言葉');}>

ランダム変化
おみくじ形式で↓

<script language='JavaScript'><!-- msg=new Array(); msg[0]='文字１'; msg[1]='文字２'; msg[2]='文字３'; msg[3]='文字４'; msg[4]='文字５'; function random(){ i=Math.floor(msg.length*Math.random()); alert(msg[i]);} //--></script> <input type='button' value='ボタンの文字' onClick='random()'>

返答次第でリンク


＜ＨＥＡＤ＞＜／ＨＥＡＤ＞に <style type="text/css"> <!-- input{border:1px solid #枠の色;background-color:背景色;font:10px;color: ボタンの中の文字色;} --> </style> <script language="JavaScript"> <!-- function abc() { if (confirm("質問内容")) { location.href="リンク先URL"; } else { window.alert("キャンセル時の文"); } } //--> </script>
＜ＢＯＤＹ＞＜／ＢＯＤＹ＞に <INPUT TYPE=button VALUE="ボタン上の文字" onClick="abc()"></INPUT>

来た時メッセージ
ホームに来た時メッセージがでたでしょ？
<script language='JavaScript'><!-- alert('ここにメッセージ'); // --></script>

壁紙背景
このウィンドウを閉じると出ます。
<script language='JavaScript'><!-- function ONUN(){alert('ここにコメント');} window.onunload=ONUN; // --></script>

名前入力ボタン