ホームページでボタン表示
基本のボタン
下記のタグをホームページの表示したいところにコピーして下さい。黄色の部分を変えて下さい。<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