この記事は公開から1年以上前のものです。
内容が古く、現在では推奨されていない方法の可能性もありますのでご注意ください。
内容が古く、現在では推奨されていない方法の可能性もありますのでご注意ください。
クリックするとフォーム内の字が消える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> |