The difference between name and value in input tag
|
type is the control used for input and output in the browser (for example, type="text" means a text box; type="button" means a button) The optional values of type are as follows: button checkbox check button component file file upload component hidden hidden field image image area password Password input text box Radio button component reset reset form button submit Submit form button text text input box ******************************************************************************* id is a unique identifier and does not allow duplicate values (similar to the primary key of a data table, pk). Its value can be used to obtain the corresponding html tag object. (If duplicate ids appear in the same page code, unexpected errors will occur) js code: document.getElementById("id_value") Get the object reference of the specified id. ******************************************************************************* The functions of name and id are the same, and they are also used to identify HTML tags, but the only difference is that name allows repeated values. js code: document.forms[0].name or document.getElementsByName("name") Get the object reference array according to the specified name. ******************************************************************************* value represents the value of a certain html tag. For example: <input type="text" name="seq" value="hello!" id="seq007" /> You will see the content of the text box on the web page is "hello!" /////////////////////////////////////////////////////////////////////// <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <title>Untitled Document</title> <script> </script> </head> <body> <form> <input type="text" name="seq" value="" id="seq001" /> <input type="text" name="seq" value="" id="seq002" /> <input type="text" name="seq" value="" id="seq003" /> </form> </body> </html> /////////////////////////////////////////////////////////////////////// document.getElementById("seq001") obtains the reference to the object tag with id=seq001 document.forms[0].seq Will return an array of references to all tag objects with name=seq in the first form on the web page document.getElementsByName("seq") Will return an array of references to all tag objects with name=seq in the web page |
<<: Summary of 7 types of logs in MySQL
>>: Use a diagram to explain what Web2.0 is
Recommend
Detailed explanation of MySQL 8.0 dictionary table enhancement
The data dictionary in MySQL is one of the import...
Use HTML and CSS to create your own warm man "Dabai"
The final result is like this, isn’t it cute… PS:...
Solution to the problem that the text is on the lower left and cannot be resized when the textarea is laid out
Two small problems, but they bothered me for a lon...
How to use mqtt in uniapp project
Table of contents 1. Reference plugins in the uni...
Summary of MySQL lock related knowledge
Locks in MySQL Locks are a means to resolve resou...
CentOS 6.4 MySQL 5.7.18 installation and configuration method graphic tutorial
The specific steps of installing mysql5.7.18 unde...
Basic installation tutorial of mysql decompression package
Since I have changed to a new computer, all the e...
MySQL database transaction example tutorial
Table of contents 1. What is a transaction? 2. Th...
Summary of MySQL password modification methods
Methods for changing passwords before MySQL 5.7: ...
Example code for implementing anti-shake in Vue
Anti-shake: Prevent repeated clicks from triggeri...
How to install ElasticSearch on Docker in one article
Table of contents Preface 1. Install Docker 2. In...
Docker's flexible implementation of building a PHP environment
Use Docker to build a flexible online PHP environ...
TCP third handshake data transmission process diagram
The process packets with the SYN flag in the RFC7...
How to convert JavaScript array into tree structure
1. Demand The backend provides such data for the ...
Sample code for implementing dynamic glowing special effects animation of circles using pure CSS3
This article mainly introduces the sample code of...