タイトルの書き方がイマイチ分かりにくいですね。こんなのです↓
formのサンプル内容をクリックしたときに消す方法。
<input type="text" onfocus="if (this.value == 'サンプル') this.value = '';" onblur="if (this.value == '') this.value = 'サンプル';" value="サンプル" />
onfocus とはマウスがのっている時にある処理を行うイベントハンドラ。onblur はその onfocus が外れた時に処理行うイベントハンドラです。
文字などの装飾は、CSSで。
上記サンプルでは、input:hover にborder-colorがかかっています。
input:hover {
border-color:#00A0DD;
}
トラックバック(0)
このブログ記事を参照しているブログ一覧: フォームのサンプル文字を消す方法
このブログ記事に対するトラックバックURL: http://www.web-mora.co.jp/admin/mt-tb.cgi/172
コメントする