HTML Forms and Instant Select

Viloria.net — Sun, 04 Jan 2009 01:21:46 +0000

If you’re wondering how people create windows which contain text that gets automatically selected or highlighted when someone clicks inside the window, here’s the HTML code:

<textarea name="nameofyourtextarea" rows="4" cols="100"

readonly="readonly" id="idofyourtextarea"

class="cssforyourtextarea" onfocus="this.select()"

style="height:150px;width:300px;">

Your long text (contents of your textarea box)...

And there you go…

The key there is the part that says onfocus=”this.select()”

Have fun!

Click anywhere inside this box and see if the entire contents of this text area box will get automatically highlighted. Perfect for easy copy/paste operations, right?

Viloria.net » html

HTML Forms and Instant Select