HTML | Clearing the input field
To clear the entire input field without having to delete the whole thing manually Or what if there is already a pre-suggested input present in the input field, that the user doesn’t want. There could be many scenarios. Therefore, in this article, we are going to learn about how to clear the input field.
There are two ways to do this and both are super easy and short. Let us check out both of them.
Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML course.
Method 1: Clearing Input on Focus.
- Create an input field.
- Set the onfocus attribute to NULL using this.value
Method 2: Clearing Input with the help of button.
<button onclick="document.getElementById('InputID').value = ''>
- Create a button.
- Get the id of input field.
- Set the value NULL of input field using document.getElementById(‘myInput’).value = ”