Home >Web Front-end >HTML Tutorial >How can we reset all input fields in HTML form?
How can we reset all input fields in HTML form?
- PHPzforward
- 2023-09-20 17:37:01913browse
In this article, we will discuss how to reset all input fields in HTML forms. Here we use the reset button to clear the input fields in the HTML form.
In HTML forms, we use tags to get user input. To clear all input in an HTML form, reset it using the tag with the type attribute.
grammar
The following is the syntax of the reset button.
<input type="reset">
Example 1
The following example demonstrates how to reset all input fields in an HTML form.
In this example, we will use the reset button to clear the text in the text field.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Clear all the input in HTML forms</title>
</head>
<body>
<form>
<input type="text" name="input" />
<input type="reset" value="reset" />
</form>
</body>
</html>
After clicking the reset button, the form is cleared.
Example 2
The following example demonstrates how to reset all input fields in an HTML form.
In this example, we will use the reset button to clear the text in the text field.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>reset example</title>
</head>
<body>
<form>
Enter name:</br>
<input type="text" name="input" /></br>
Enter Age:</br>
<input type="text" name="input1" /></br>
<input type="reset" value="reset" />
</form>
</body>
</html>
After clicking the reset button, the form is cleared.
Example 3
You can try running the following code to clear all input in the HTML form -
<!DOCTYPE html>
<html>
<body>
<form>
Student Name:<br>
<input type="text" name="sname">
<br>
Student Subject:<br>
<input type="text" name="ssubject">
<br>
<input type="reset" value="reset">
</form>
</body>
</html>
The above is the detailed content of How can we reset all input fields in HTML form?. For more information, please follow other related articles on the PHP Chinese website!