What does “for” attribute do in HTML tag?

by

The <label> tag allows you to click on the label, and it will be treated like clicking on the associated input element. There are two ways to create this association:

One way is to wrap the label element around the input element:

<label>Input here:
    <input type="text" name="theinput" id='theinput'>
</label>

The other way is to use the for attribute, giving it the ID of the associated input:

<label for="theinput">Input here:</label>
<input type="text" name="whatever" id='theinput'>

This is especially useful for use with checkboxes and buttons, since it means you can check the box by clicking on the associated text instead of having to hit the box itself.

Read more about this element in MDN.

More Related Contents:

  1. What does “for” attribute do in an HTML tag?
  2. Put icon inside input element in a form
  3. Limit number of characters allowed in form input text field
  4. Is there a way to style part of an input field’s value? [duplicate]
  5. Is well formed without a ?
  6. Tab Index on div
  7. HTML input field OUTSIDE of a form
  8. What’s the point of having hidden input in HTML? What are common uses for this?
  9. Make input element (type=”text”) handle multiple lines of text
  10. How to collect and manipulate data in HTML using
  11. Disabling Chrome Autofill
  12. POST unchecked HTML checkboxes
  13. Chrome ignores autocomplete=”off”
  14. How to customize ?
  15. Style input type file? [duplicate]
  16. When submitting a GET form, the query string is removed from the action URL
  17. How to change the button text of ?
  18. Disabled form fields not submitting data [duplicate]
  19. How can I make the HTML5 number field display trailing zeroes?
  20. Is it possible to always show up/down arrows for input “number”?
  21. Make Input Type=”Password” Use Number Pad on Mobile Devices
  22. Can a ::before selector be used with a ?
  23. HTML select form with option to enter custom value
  24. HTML: Characters allowed for name attribute of input element?
  25. Forms with action=””
  26. Stop LastPass filling out a form
  27. How can I control the width of a label tag?
  28. HTML Input is not updating value attribute on change
  29. How to remove x and y on submit in HTML form with Image type button?
  30. How can I pre-populate html form input fields from url parameters?

Leave a Comment