Best Practice: Access form elements by HTML id or name attribute?

by

Give your form an id only, and your input a name only:

<form id="myform">
  <input type="text" name="foo">

Then the most standards-compliant and least problematic way to access your input element is via:

document.getElementById("myform").elements["foo"]

using .elements["foo"] instead of just .foo is preferable because the latter might return a property of the form named “foo” rather than a HTML element!

More Related Contents:

  1. How to avoid the need for ctrl-click in a multi-select box using Javascript?
  2. a way to check validity of HTML5 forms?
  3. How can I tell if a DOM element is visible in the current viewport?
  4. Parse an HTML string with JS
  5. jQuery document.createElement equivalent?
  6. Best way to track onchange as-you-type in input type=”text”?
  7. Browser detection versus feature detection
  8. How can I count text lines inside an DOM element? Can I?
  9. How to show Page Loading div until the page has finished loading?
  10. Is it possible to run an .exe or .bat file on ‘onclick’ in HTML
  11. Find the closest ancestor element that has a specific class
  12. Retrieving the text of the selected in element
  13. Replace HTML page with contents retrieved via AJAX
  14. HTML input file selection event not firing upon selecting the same file
  15. Pass mouse events through absolutely-positioned element
  16. getAttribute() versus Element object properties?
  17. How to get the HTML for a DOM element in javascript
  18. How to find a parent with a known class in jQuery?
  19. How to prevent submitting the HTML form’s input field value if it empty
  20. How to prevent page from reloading after form submit – JQuery
  21. Why aren’t some technically serializable input properties serializable?
  22. Adding images to an HTML document with JavaScript
  23. Appending form input value to action url as path
  24. jQuery Change event on an element – any way to retain previous value?
  25. Add an element to the DOM with JavaScript
  26. How to get the title of HTML page with JavaScript?
  27. How can I get all a form’s values that would be submitted without submitting [duplicate]
  28. Get content of span
  29. How to make a submit button display as a link?
  30. Form submit button will not submit when name of button is “submit” [duplicate]

Leave a Comment