ホームページでボタン表示

基本のボタン

下記のタグをホームページの表示したいところにコピーして下さい。黄色の部分を変えて下さい。

<input type="button" value="ここに文字">



アラートつきのボタン−クリックでメッセージが表示されます。
<input type="button" value="アラートあり" onclick="alert('アラートの文字');">



選択させるボタン−答え方でメッセージが変わるボタン
<input type="button" value="クリックしてみて!" onclick="{if(confirm('最初のアラートの文字')) {alert('OKを押したとき')} else {alert('キャンセルを押したとき')}}">



ボタンのサイズとフォントを変える
<input style="font-size:15;width:150px;height:30px"type="button" value="クリックしてみて!">



アラートつき ↓↓
<input style="font-size:15;width:150px;height:30px"type="button" value="クリックしてみて!" onclick="alert('アラートの文字');">



border-widthを使うと立体感のあるボタンに
<input type="button" value="クリックしてみて!" style="border-width:4">



アラートつき ↓↓
<input type="button" value="クリックしてみて!" style="border-width:4"  onclick="alert('アラートの文字');">




●当サイトのソースは、IE6.0+のみ動作確認をしております。 それ以外のブラウザ、特にネットスケープでは正しく作動しない場合がございます。ご了承下さい。


★skip ページtop



ボタン表示




ホームページを小粋に
css
java
home