ボタン関連　壱

-----------------------------------------------------------

色付きボタン



<INPUT TYPE=button style=background-color:背景の色;color:文字の色;font-size:10pt;border-color:枠の色 VALUE=ボタンの文字 onClick=alert('ここにコメント')></INPUT>


-----------------------------------------------------------

平面ボタン



<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="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 : 背景の色;">


-----------------------------------------------------------

壁紙ボタン



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


-----------------------------------------------------------

改行ボタン



<INPUT TYPE=button VALUE=ボタンの文字 onClick=alert('ここにコメント\nコメント')></INPUT>


-----------------------------------------------------------