一行テキストボックスの色と大きさをかえてみよう

表示の例

あなたのページにあうように、色をかえることができます。

※ Ｉ．Ｅ．（Internet Explorer）だけ色がかわります。

プログラムＡのソースをコピーして、テキストボックスを表示させたい場所のHTMLソースのBODY区間に貼り付けしましょう。

プログラムＡのソース <FORM> <INPUT type="text" size="30" value="http://www.sky.sannet.ne.jp/masapine/java_top.html" style="color:#0099FF; font-size:12pt; background-color:#F0F8FF"> </FORM>

下の表を見て自分の好みにかえてくださいね。

赤いところだけをかえてください。

かえるところ ソースをかえるところ テキストボックスの横幅 size="30" の 30 文字の色 color:#0099FF; の #0099FF 文字の大きさ font-size:12pt; の 12 背景の色 background-color:#F0F8FF の #F0F8FF

ソースの文字をかえる時に、" や ; を消してしまわないようにしてください。

５・６年生にもわかるやさしいJavaScriptのTOPへ