« 『箱―Getting Out Of The Box』が復刊 | トップページ | PHPで日付から曜日を取得する »

2006年10月23日 (月)

フォームの文字列を1クリックで選択状態にする

 トラックバックURLなど長い文字列をユーザにコピペして使ってもらう際に、単にURLの文字列を記述しておくだけではユーザはいちいち長い文字列をドラッグして選択しなくてはいけないので、1クリックしただけで全て選択状態になるようなテキストフォームを設置して(Youtubeなどにもあるアレ)ユーザビリティを向上させるテクニックの実装方法です。

 <input>タグに「onfocus="this.select();"」を追加するだけ。

実際のコード
<input type="text" value="hogefuga" onfocus="this.select();">

 もちろん、<textarea>に指定して複数行での一括選択も可能。

 こうするだけで、テキストフォームを1クリックで全選択状態になります。

|

« 『箱―Getting Out Of The Box』が復刊 | トップページ | PHPで日付から曜日を取得する »

コメント

コメントを書く



(ウェブ上には掲載しません)




トラックバック

この記事のトラックバックURL:
http://app.f.cocolog-nifty.com/t/trackback/163272/3925235

この記事へのトラックバック一覧です: フォームの文字列を1クリックで選択状態にする:

« 『箱―Getting Out Of The Box』が復刊 | トップページ | PHPで日付から曜日を取得する »