Javascript: Highlight All Text In Textfield On Focus

Posted in Web Development on April 3st, 2008 | (4) Comments

During my development for the company’s information system, I found that automatically highlight all text in a textfield can help users to easily delete it’s content, rather than have to block the text or use “Ctrl+A”.

I use Javascript event onFocus() and select() function. Here is how to add it on the textfield properties:

<input name=”country” type=”text” id=”country” value=”Highlighted Text” onFocus=”javascript:this.select()”>

Popularity: 33% [?]

Tags: ,

Comments:

4 Responses to “Javascript: Highlight All Text In Textfield On Focus”

  1. Javascript: Highlight All Text In Textfield On Focus « IT, Translation, Pregnancy & Parenting on 3 Apr 2008 at 3:30 pm #

    [...] Javascript: Highlight All Text In Textfield On Focus Juli 14, 2006 — Arief Fajar Nursyamsu This post has been moved. Click here. [...]

  2. Jauhari on 9 Apr 2008 at 9:56 am #

    Jadi pingin coba, sekali sekali dibahas tentang VALIDATION dong mas.. via JS

  3. Arief Fajar Nursyamsu on 9 Apr 2008 at 2:00 pm #

    Insya Alloh saya bahas mas, nanti versi yang bahasa Inggris nitip di tempat sampeyan ya mas :D

  4. G. Barr on 31 Jan 2009 at 11:36 pm #

    Hi,

    Thanks for this simple little tip, will prove useful.

    regards
    George

Leave a Reply

RSS