内容が古く、現在では推奨されていない方法の可能性もありますのでご注意ください。
クリックするとフォーム内の字が消えるJavascript
検索フォームなどに使えます。これも覚えておきたい。
以下引用です。
1 2 3 4 |
<form> <input type="text" value="ご記入下さい" onFocus="cText(this)" onBlur="sText(this)" style="color:#999"> </form> |
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 |
<script type="text/javascript"><!-- function cText(obj){ if(obj.value==obj.defaultValue){ obj.value=""; obj.style.color="#000"; } } function sText(obj){ if(obj.value==""){ obj.value=obj.defaultValue; obj.style.color="#999"; } } //--> </script> |