Question

I’m working on an application, and I want a text field to be selected when the page is loading so that when a user uses Ctrl + v it paste the content inside the textbox. Any one knows how to do that?
the text field is

<div>
    <input wicket:id="email-address" type="text" id="textbox-email" />
</div> 

Thanks!

Answer 1

you should set focus to your input:

document.forms['your_form'].elements['your_textbox'].focus();

For your example above:

document.getElementById('textbox-email').focus()

---

After it gained focus, you should select it:

either add this onfocus attribute to your inputs (better)

<input type="text" onfocus="this.select()" />

Or use this jQuery snippet (best):

$(document).ready(function() {
    $("#textbox-email").focus(function() { $(this).select(); } );
});

Pure Javascript:

var element = document.getElementById('textbox-email');
element.onfocus = function() {element.select();}
document.getElementById('textbox-email').focus();

Add the whole thing to window.onload or onload attribute of body tag.