Possible reasons why the input type="reset" tag in HTML is invalid (does not work).

When using the <html:reset> tag, sometimes we will find that the reset button is invalid and clicking the button does not clear the input box.

Here’s why:

The w3c website has this description (http://www.w3school.com.cn/htmldom/dom_obj_reset.asp)
"For each occurrence of the <input type="reset"> tag in an HTML form, a Reset object is created. When the reset button is clicked, the values of all input elements in the containing form are reset to their default values. The default values are specified by the HTML value attribute or the JavaScript defaultValue attribute."

This means that if the value attribute of this textarea is set, the reset button will restore the textarea to the value of this value attribute instead of being empty.

The conclusion is as follows:

Reset does not clear the value of the input box, but restores the value of the input box to the value specified by the value attribute.
This becomes clear after looking at the following example. Save the following HTML code as a .html file, open it with a browser, modify the content of the input box, and click the reset button to see the effect.

<form>
<input type="textarea" value="defaultValue"/>
<input type="reset" />
</form>

However, on the query result page, we sometimes hope that the value attribute has a value (the input condition of the last query), so we cannot use the reset tag to implement the clearing function, note that it is clearing.

The simulation method is as follows: use the button tag instead of the reset tag, and use js to set the value of the textarea to empty.

<<: Summary of several submission methods of HTML forms

>>: Example of implementing a seamless infinite loop of background using CSS animation

JavaScript Design Pattern Command Pattern

The experience gained from comparing and analyzing the homepages of domestic social networking websites is shared with everyone (picture)

This article hopes to gain some insights through a...

Possible reasons why the input type="reset" tag in HTML is invalid (does not work).

JavaScript Design Pattern Command Pattern

A simple example of creating a thin line table in html

Install OpenSSL on Windows and use OpenSSL to generate public and private keys

Tutorial on installing rabbitmq using yum on centos8

JavaScript counts the number of times a character appears

jQuery implements all selection and reverse selection operation case

Detailed explanation of the deep and shallow cloning principles of JavaScript arrays and non-array objects

Detailed explanation of common commands in MySQL 8.0+

How to use webSocket to update real-time weather in Vue

Analysis and summary of the impact of MySQL transactions on efficiency

Recommend

What command is better for fuzzy searching files in Linux?

js to realize payment countdown and return to the home page

Summary of common commands for building ZooKeeper3.4 middleware under centos7

Correct steps to install Nginx in Linux

JavaScript implements the protocol example in which the user must check the box

Solution to the problem of English letters not wrapping in Firefox

How to start source code debugging of tomcat in Idea and enter into tomcat for debugging

The experience gained from comparing and analyzing the homepages of domestic social networking websites is shared with everyone (picture)

How to solve the slow speed of MySQL Like fuzzy query

MySQL foreign key constraint (FOREIGN KEY) case explanation

Detailed explanation of selinux basic configuration tutorial in Linux

How much data can be stored in a MySQL table?

Detailed explanation of two quick ways to write console.log in vscode

HTML marquee tag usage examples

Detailed steps to install Hadoop cluster under Linux