What is the HTML for=”” attribute in ?

by

The for attribute is used in labels. It refers to the id of the element this label is associated with.

For example:

<label for="username">Username</label>
<input type="text" id="username" name="username" />

Now when the user clicks with the mouse on the username text the browser will automatically put the focus in the corresponding input field. This also works with other input elements such as <textbox> and <select>.

Quote from the specification:

This attribute explicitly associates the label being defined with
another control. When present, the value of this attribute must be the
same as the value of the id attribute of some other control in the
same document. When absent, the label being defined is associated with
the element’s contents.

As far as why your question is tagged with jQuery and where did you see it being used in jQuery I cannot answer because you didn’t provide much information.

Maybe it was used in a jQuery selector to find the corresponding input element given a label instance:

var label = $('label');
label.each(function() {
    // get the corresponding input element of the label:
    var input = $('#' + $(this).attr('for'));
});

More Related Contents:

  1. Can't remove text decoration
  2. Why my HTML input field is ‘readonly’ by default [closed]
  3. Bootstrap height
  4. What are the implications of using “!important” in CSS? [duplicate]
  5. How to show google.com in an iframe?
  6. Which HTML elements can receive focus?
  7. How to style the parent element when hovering a child element?
  8. How to create a checkbox with a clickable label?
  9. How to save CSS changes of Styles panel of Chrome Developer Tools?
  10. Alternative to iFrames with HTML5
  11. Stop browsers asking to resend form data on refresh
  12. Why is vertical-align: middle not working on my span or div?
  13. Maintain image aspect ratio when changing height
  14. Why should I use ‘li’ instead of ‘div’?
  15. How to disable Google translate from HTML in Chrome
  16. How to change the length/position of text-decoration:underline?
  17. IE6 + IE7 CSS problem with overflow: hidden; – position: relative; combo
  18. How to disable the resize grabber of ? [duplicate]
  19. What guidelines for HTML email design are there? [closed]
  20. Remove .html and .php extensions with .htaccess
  21. Why is box-sizing acting different on table vs div?
  22. Is this empty space actually margin-right which is not recognized by dev tools?
  23. How do I give a CSS class priority over an id?
  24. Padding the top and the bottom of inline element
  25. Set the select option as blank as default in HTML select element
  26. How to preserve whitespace indentation of text enclosed in HTML tags excluding the current indentation level of the tag in the document?
  27. how to remove the dotted line around the clicked a element in html
  28. Is it possible to achieve a -like effect without using the tag?
  29. How to display alt text for an image in chrome
  30. What are all the differences between src and data-src attributes?

Leave a Comment