Category: Vanilla Javascript
Added: 25th of October 2020
Viewed: 27 times
Clear all form fields using Javascript
What does the script do
The simple code below clears a webform by using the input type button and onclick event that calls the clear_form function and clears the form fields, by getting the form id element.
<form id="form">
First Name: <input type="text" name="first_name" value="">
Surname: <input type="text" name="first_name" value="">
<input type="button" onclick="clear_form()" value="Clear Form"> </form>
<script type="text/javascript">
function clear_form()
{
// Clear the input fields
document.getElementById("form").reset();
}
</script>
First Name: <input type="text" name="first_name" value="">
Surname: <input type="text" name="first_name" value="">
<input type="button" onclick="clear_form()" value="Clear Form"> </form>
<script type="text/javascript">
function clear_form()
{
// Clear the input fields
document.getElementById("form").reset();
}
</script>