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

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

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

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

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

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

WebDev
2006/10/23




コメント(0)|コメントを書く

カテゴリー一覧
最近のコメント

このブログを友達に教える

コミュニティ | 有名人・芸能人ブログ | ケータイ占い | ケータイ小説 | 掲示板


画面TOP↑


powered by cocolog