HTML - Tekst invoerveld selecteren (Input)


Wat ook nog wel eens voorkomt zijn invoervelden die automatisch tekst voor je selecteren. Je klikt dan in een veld en de tekst is automatisch geselecteerd zodat je eenvoudig met CTRL + C de tekst kunt kopiŽren. Voeg hiervoor de onderstaande code toe een een input.

onClick="this.select()"


In zijn geheel komt dit er als volgt uit te zien.

<input type="text" onClick="this.select()" value="Tekst" />


Knop

Aanvullend op het bovenstaande kun je ook een extra knop onder een veld plaatsen waar iemand op kan klikken om alle tekst in het veld te selecteren.

<form action="">
        <textarea name="yourform" rows="3" cols="40"></textarea>
        <input type="button" value="Selecteren" onClick="javascript:this.form.yourform.focus();this.form.yourform.select();" />
</form>