What is the role of the name attribute in HTML forms? What is the difference between name and ID?

What is the role of the name attribute in HTML forms? What is the difference between name and ID? This article mainly explains the role of the name attribute in HTML forms and the difference between name and ID

Function and usage

For example:

<input type="password" name="txtPassword" id="pwd" size="12">

type represents the type; name represents that the name can be repeated; id represents the unique identifier;

name attribute specifies the name of the input element.

①The name attribute is used to identify the form data after it is submitted to the server

②or reference the form data through JavaScript on the client.

Note: Only form elements with the name attribute set can pass their values ​​when submitting the form.

<input name="value">

Example:

HTML form with two text fields and a submit button:

<form action="form_action.asp" method="get">
  <p>Name: <input type="text" name="fullname" /></p>
  <p>Email: <input type="text" name="email" /></p>
  <input type="submit" value="Submit" />
</form>

The difference between name and ID

The difference between the two:

id must meet the requirements of identification, such as case sensitivity, and it is best not to include underscores (because it is not compatible with CSS). There are basically no requirements for name, and you can even use numbers.

Supplement: name is mainly an attribute that only exists in form elements. Get the value of the text box through js document.form name.textbox.value. The form name and text box name refer to the name. Non-form elements such as div, span, etc. do not have the name attribute, and the id attribute It is present in every HTML element. When you need to use js to obtain non-form element objects, you have to use document.getElementById("id")

[Related recommendations]

#html basic elements, giving you zero foundation Learn HTML

#What is an HTML file? A preliminary understanding of HTML files

The above is the detailed content of What is the role of the name attribute in HTML forms? What is the difference between name and ID?. For more information, please follow other related articles on the PHP Chinese website!