How can we reset all input fields in HTML form?-HTML Tutorial-php.cn

How can we reset all input fields in HTML form?

PHPz

Release： 2023-09-20 17:37:01

forward

916 people have browsed it

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.

How can we reset all input fields in HTML form?

grammar

The following is the syntax of the reset button.

<input type="reset">

Copy after login

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>

Copy after login

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>

Copy after login

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>

Copy after login

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!