发表新帖
发表新帖

Difference between id and name attributes in HTML

前端 未结
关注
19 2775
感动是毒
感动是毒 2020-11-22 05:17

What is the difference between the id and name attributes? They both seem to serve the same purpose of providing an identifier.

I would lik

相关标签:
19条回答
  • 误落风尘
    2020-11-22 05:47

    Use name attributes for form controls (such as <input> and <select>), as that's the identifier used in the POST or GET call that happens on form submission.

    Use id attributes whenever you need to address a particular HTML element with CSS, JavaScript or a fragment identifier. It's possible to look up elements by name, too, but it's simpler and more reliable to look them up by ID.

    0 讨论(0)
  • 闹比i
    2020-11-22 05:47

    Here is a brief summary:

    • id is used to identify the HTML element through the Document Object Model (via JavaScript or styled with CSS). id is expected to be unique within the page.

    • name corresponds to the form element and identifies what is posted back to the server.

    0 讨论(0)
  • 星月不相逢
    2020-11-22 05:50

    Based on personal experiences and according to the W3 Schools description for attributes:

    ID is a Global Attribute and applies to virtually all elements in HTML. It is used to uniquely identify elements on the Web page, and its value is mostly accessed from the frontend (typically through JavaScript or jQuery).

    name is an attribute that is useful to specific elements (such as form elements, etc) in HTML. Its value is mostly sent to the backend for processing.

    https://www.w3schools.com/tags/ref_attributes.asp

    0 讨论(0)
  • 孤城傲影
    2020-11-22 05:52

    There is no literal difference between an id and name.

    name is identifier and is used in http request sent by browser to server as a variable name associated with data contained in the value attribute of element.

    The id on the other hand is a unique identifier for browser, client side and JavaScript.Hence form needs an id while its elements need a name.

    id is more specifically used in adding attributes to unique elements.In DOM methods,Id is used in Javascript for referencing the specific element you want your action to take place on.

    For example:

    <html>
<body>

<h1 id="demo"></h1>

<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>

    Same can be achieved by name attribute, but it's preferred to use id in form and name for small form elements like the input tag or select tag.

    0 讨论(0)
  • 抹茶落季
    2020-11-22 05:53

    name is deprecated for link targets, and invalid in HTML5. It no longer works at least in latest Firefox (v13). Change <a name="hello"> to<a id="hello">

    The target does not need to be an <a> tag, it can be <p id="hello"> or <h2 id="hello"> etc. which is often cleaner code.

    As other posts say clearly, name is still used (needed) in forms. It is also still used in META tags.

    0 讨论(0)
  • 旧时难觅i
    2020-11-22 05:53

    If you're not using the form's own submit method to send information to a server (and are instead doing it using javascript) you can use the name attribute to attach extra information to an input - rather like pairing it with a hidden input value, but looks neater because it's incorporated into the input.

    This bit does still currently work in Firefox although I suppose in the future it might not get allowed through.

    You can have multiple input fields with the same name value, as long as you aren't planning to submit the old fashioned way.

    0 讨论(0)
 看不清?
提交回复
热议问题