オンマウスでテキストエリアに説明文を表示
サンプル

テストページ1 テストページ2 テストページ3

タグ
<FORM NAME="a">
<INPUT TYPE=text NAME=b SIZE=35 style="color:#00FF00;background-color:#404040;" value='説明文が表...'>
<A HREF="index.html" onMouseOver="document.a.b.value='テストペ...';" onMouseout="document.a.b.value=''">
テストペ…</A>
</FORM>
変更をするところ
<INPUT...その他詳細の部分の色サンプルのタグと入れ替えて色を変更できます
説明文が表...初めに表示される文章を記入
index.html移動先のアドレスを記入
テストペ...オンマウスで表示される文章を記入
テストペ…リンクの文章を記入
その他の詳細
リンク数を増やしたい時は、<A HREF="...">〜</A>までをコピーペーストして、編集をしましょう。

フォーム部分の色見本1  

<INPUT TYPE=text NAME=b SIZE=35 style="color:#00FF00;background-color:#404040;" value='テスト'>

フォーム部分の色見本2  

<INPUT TYPE=text NAME=b SIZE=35 style="color:#0090F0;background-color:#EFFFFF;" value='テスト'>

フォーム部分の色見本3  

<INPUT TYPE=text NAME=b SIZE=35 style="color:#F09000;background-color:#FFFFEF;" value='テスト'>

フォーム部分の色見本4  

<INPUT TYPE=text NAME=b SIZE=35 style="color:#C06030;background-color:#FFEFFF;" value='テスト'>

フォーム部分の色見本5  

<INPUT TYPE=text NAME=b SIZE=35 style="border:dotted 2px #3366FF;color:#3366FF;background-color:#EFEFFF;" value='テスト'>

フォーム部分の色見本6  

<INPUT TYPE=text NAME=b SIZE=35 style="border:dotted 2px #FF6633;color:#FF6633;background-color:#FFEFEF;" value='テスト'>