Does a name attribute have to be unique in a HTML document?

by

The name attribute is only valid on the <form> and form elements (<input>,<textarea> and <select>). It’s used to specify the name to associate with the name/value pair that is submitted on a form post.

For example:

<input type="checkbox" name="foo" value="1" />

if checked will submit foo=1. In the DOM you can reference form elements from the form.elements collection by specifying the name as the index. If name is not unique, the collection returns an array of elements rather than the element. Modern DOM’s support looking up form elements by name as:

 document.getElementsByName(nameValue)

note: it always returns an array even if only one element is found.

id attribute is from the XML world, and is a unique id for any node, not just form elements. Unlike the name attribute it is valid on any HTML node. Also like the name attribute, it must follow the valid identifier rules. The identifier should start with an alpha, and only contain alpha ([a-zA-Z]), numbers, hyphen, underscore and colons (note ASP.NET breaks this rule by starting reserved IDs with a underscore – thus they will always fail an HTML/XML lint – actually some proxies strip them). To find any HTML element by id you use:

document.getElementById(idvalue)

this only returns one DOM node.

More Related Contents:

  1. 100% height background starting at 50% horizontally
  2. Is it possible to set the equivalent of a src attribute of an img tag in CSS?
  3. IE7 does not understand display: inline-block
  4. Why is  appearing in my HTML? [duplicate]
  5. How to force a line break in a long word in a DIV?
  6. How to make blinking/flashing text with CSS 3
  7. AngularJS ngClass conditional
  8. Angular2 – Input Field To Accept Only Numbers
  9. HTML inside Twitter Bootstrap popover
  10. css background color with floating elements
  11. How to make bootstrap 3 fluid layout without horizontal scrollbar
  12. Where is the HTML5 Document Type Definition?
  13. Line break (like ) using only css
  14. Turn off Chrome/Safari spell checking by HTML/css [duplicate]
  15. How to get a background image to print using css?
  16. Input type=password, don’t let browser remember the password
  17. Is it OK to use unknown HTML tags?
  18. Align the form to the center in Bootstrap 4 [duplicate]
  19. CSS for changing color of last word in h1
  20. How can I wrap my markdown in an HTML div?
  21. HTML maxlength attribute not working on chrome and safari?
  22. How to make text vertically and horizontally center in an HTML page
  23. Increase cursor size in HTML body
  24. Align a div to center
  25. Make Bootstrap’s Carousel both center AND responsive?
  26. New Facebook like button HTML validation
  27. Use the HTML tag as a background image instead of the CSS background-image property?
  28. How to open native iOS app (calendar, notes…) from a link on website?
  29. Alignment of content vertically in adjacent flexbox containers
  30. Flex elements ignore percent padding in Firefox

Leave a Comment