■ オンマウス（マウスを乗せると）でテキストボックスに説明を表示

リンク文字にマウスを当てるとテキストボックスに解説が表示されます。

リンク文字だけでなく、通常の文字、画像、レイアウト枠（レイヤー）などどのタグでも利用可能です。

◆ 実行サンプル

【　記述サンプル　】

まず、解説を表示するテキストエリア（「textarea」）を１つ作ります。
<form name="form1"id="form1" method="post" action=""> <textarea name="text1"></textarea> </form>

もし、１行テキストボックスにしたい場合は、次のように記述します。
<form name="form1"id="form1" method="post" action=""> <input type="text" name="text1"> </form>

このサンプルでは次のように記述しています。
<a href="/" onmouseover="form1.text1.value='トップページへジャンプします';" onmouseout="form1.text1.value='';">トップページへジャンプ</a><br>
<a href="../smphtm/color.html" onmouseover="form1.text1.value='カラーサンプルへジャンプします';" onmouseout="form1.text1.value='';">カラーサンプルへジャンプ</a><br>
<a href="/images/exp/baloon.gif" onmouseover="form1.text1.value='画像を表示します';" onmouseout="form1.text1.value='';">画像を表示</a><br>
<span onmouseover="form1.text1.value='説明だけの表示';" onmouseout="form1.text1.value='';">説明だけの表示</span><br>

次のように記述することもできます。
<a href="/" onmouseover="form1['text1'].value='トップページへジャンプします';" onmouseout="form1['text1'].value='';">トップページへジャンプ</a><br>
<a href="../smphtm/color.html" onmouseover="form1['text1'].value='カラーサンプルへジャンプします';" onmouseout="form1['text1'].value='';">カラーサンプルへジャンプ</a><br>
<a href="/images/exp/baloon.gif" onmouseover="form1['text1'].value='画像を表示します';" onmouseout="form1['text1'].value='';">画像を表示</a><br>
<span onmouseover="form1['text1'].value='説明だけの表示';" onmouseout="form1['text1'].value='';">説明だけの表示</span><br>