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
Recommend
Tutorial on how to remotely connect to MySQL database under Linux system
Preface I recently encountered this requirement a...
Detailed explanation of various join summaries of SQL
SQL Left Join, Right Join, Inner Join, and Natura...
Detailed explanation of Vue.js directive custom instructions
Customize a demo command The syntax of Vue custom...
Detailed explanation of three commonly used web effects in JavaScript
Table of contents 1 element offset series 1.1 Off...
Detailed explanation of React event binding
1. What is In react applications, event names are...
How to recover deleted MySQL 8.0.17 root account and password under Windows
I finished learning SQL by myself not long ago, a...
18 Amazing Connections Between Interaction Design and Psychology
Designers need to understand psychology reading n...
The most detailed installation and configuration of redis in docker (with pictures and text)
1. Find a suitable version of redis for docker Yo...
MySQL 5.7.23 decompression version installation tutorial with pictures and text
It is too troublesome to find the installation tu...
Summary of practical experience of HTML knowledge points
1. The table tag is table, tr is row, td is cell, ...
Manjaro installation CUDA implementation tutorial analysis
At the end of last year, I replaced the opensuse ...
How to build php7 with docker custom image
First, perform a simple Docker installation. To c...
In-depth analysis of homology and cross-domain, jsonp (function encapsulation), CORS principle
Table of contents Same Origin Policy Ajax request...
Some problems that may be caused by inconsistent MySQL encoding
Stored procedures and coding In MySQL stored proc...
How to Enable or Disable Linux Services Using chkconfig and systemctl Commands
This is an important (and wonderful) topic for Li...