フォームを選択した状態にする

H.Niwase (2008年12月29日 07:45) | コメント(0)

Webサービスなどを利用していると、フォームをフォーカス移動時やクリック時に全て選択させ、テキストがコピーしやすくなっていることがあります。こういう小さい気配りですが利用者側からすれば手間が省けることはとても助かります。自作CGIなどに実装してみては。

フォーカス移動時にフォームを選択した状態にしておく

<input type="text" name="sample1" size="50" value="サンプル" onfocus="this.select()">

クリック時にフォームを選択した状態にしておく

<input type="text" name="sample2" size="50" value="サンプル" onclick="this.select()">

もちろん下のようなテキストエリアにも応用が利きます。
－快速マリンライナー2号岡山行の停車駅－鬼無端岡国分坂出児島上の町木見植松茶屋町早島妹尾備前西市大元

<textarea name="sample3" onfocus="this.select()" rows="10" cols="50">
～省略～
</textarea>

コメントする

年をJavaScriptで表示する: 年をJavaScriptで表示してみまし…; masanori | コメント(0)
お気に入り(ブックマーク)登録リンク(Firefox/IE対応): ブラウザのお気に入り(ブックマーク)に登…; masanori | コメント(0)
ページを印刷するリンク: 現在のページを印刷するリンクタグをご紹介…; masanori | コメント(0)
簡易バーチャルキーボードを作る: とても簡易的なバーチャルキーボードのスク…; masanori | コメント(0)
画像にマウスを重ねると画像切り替え: 画像にマウスを重ねると、画像が切り替わる…; masanori | コメント(0)
フォームを選択した状態にする: Webサービスなどを利用していると、フォ…; H.Niwase | コメント(0)
ページを移動したり閉じるときに確認する: ページを閉じたり、ページから移動したりす…; masanori | コメント(0)

管理者ログイン