フォームの文字列を1クリックで選択状態にするトラックバックURLなど長い文字列をユーザにコピペして使ってもらう際に、単にURLの文字列を記述しておくだけではユーザはいちいち長い文字列をドラッグして選択しなくてはいけないので、1クリックしただけで全て選択状態になるようなテキストフォームを設置して(Youtubeなどにもあるアレ)ユーザビリティを向上させるテクニックの実装方法です。
<input>タグに「onfocus="this.select();"」を追加するだけ。
実際のコード
<input type="text" value="hogefuga" onfocus="this.select();">
もちろん、<textarea>に指定して複数行での一括選択も可能。
こうするだけで、テキストフォームを1クリックで全選択状態になります。
コメント(0)|コメントを書く
カテゴリー一覧
最近のコメント
このブログを友達に教える