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
ElementUI implements the el-form form reset function button
Table of contents Business scenario: Effect demon...
Corporate website and column dictionary Chinese and English comparison Friends who make Chinese and English bilingual corporate websites need
name character name character information news te...
How to solve the element movement caused by hover-generated border
Preface Sometimes when hover pseudo-class adds a ...
How to design a responsive web? Advantages and disadvantages of responsive web design
I have been learning about responsive design rece...
Summary of SQL deduplication methods
When using SQL to extract data, we often encounte...
How to add Tomcat Server configuration to Eclipse
1. Window -> preferences to open the eclipse p...
How to stop CSS animation midway and maintain the posture
Preface I once encountered a difficult problem. I...
MySQL index usage instructions (single-column index and multi-column index)
1. Single column index Choosing which columns to ...
CentOS 7.6 batch add, modify and delete virtual network cards operation introduction
1 Check whether the kernel has a tun module modin...
mysql backup script and keep it for 7 days
Script requirements: Back up the MySQL database e...
MySQL learning database backup detailed explanation
Table of contents 1.DB,DBMS,SQL 2. Characteristic...
Vue2.0 implements adaptive resolution
This article shares the specific code of Vue2.0 t...
Commonly used js function methods in the front end
Table of contents 1. Email 2. Mobile phone number...
MySql development of automatic synchronization table structure
Development Pain Points During the development pr...
The new version of Chrome browser settings allows cross-domain implementation
Preface Currently, the front-end solves cross-dom...