How TO - Clear Input Field

Learn how to clear an input field on focus.

Click on the input field to clear it:

Clear Input Field on Focus

<input type="text" onfocus="this.value=''" value="Blabla">

<button onclick="document.getElementById('myInput').value = ''">Clear input field</button>
<input type="text" value="Blabla" id="myInput">

Tip: Go to our HTML Form Tutorial to learn more about HTML Forms.