戻る・進む・更新をボタンで実行
表示の例
ブラウザの [戻る] [進む] [更新] と同じ動作をします。
上のボタンのソースは下のようになります。
表示させたい場所のHTMLソースに貼り付けましょう。
(必ず一度メモ帳などに貼り付けてから、あなたのページのHTMLソースに貼り付けてください)
[戻る] の場合
ソース
<FORM><INPUT type="button" value="戻る" onClick="history.go(-1)" style="border-style:solid; border-width:1px; border-color:#3366FF; background:#FFFFFF; font-size:10pt; color:#3366FF"></FORM>
[進む] の場合
ソース
<FORM><INPUT type="button" value="進む" onClick="history.go(1)" style="border-style:solid; border-width:1px; border-color:#3366FF; background:#FFFFFF; font-size:10pt; color:#3366FF"></FORM>
[更新] の場合
ソース
<FORM><INPUT type="button" value="更新" onClick="history.go(0)" style="border-style:solid; border-width:1px; border-color:#3366FF; background:#FFFFFF; font-size:10pt; color:#3366FF"></FORM>
下の表を見てあなたのお好みにかえてみましょう。
ボタンの外枠の太さ border-width:1px; の 1
ボタンの外枠の色 border-color:#3366FF; の #3366FF
ボタンの背景の色 background:#FFFFFF; の #FFFFFF
ボタンの文字の大きさ font-size:10pt; の 10
ボタンの文字の色 color:#3366FF の #3366FF
ホームページお役立ち小技集のTOPへ