 Newsletter sign-up (we value your privacy, unsubscribe at any time):
|
I'm trying to figure out how I can get an input field to have all its content auto selected when a user simply clicks on it once. This will prevent the user from having to drag the mouse to select, and inadvertently not select the whole line.
I've seen this implemented on several sites but am unsure of how it's done. Any help is much appreciated!
Anonymous
Hi there,
This is fairly simple to implement. Simply add the following Javascript statement to your page header (the page on which you want the auto select functionality):
<script type="text/javascript">
function highlight(field) {
field.focus();
field.select();
}
</script>
Next, add the following Javascript statement to the input field you want auto select applied to:
<input onClick="highlight(this);" size="50" type="text" />
