What does "for" attribute do in HTML <label> tag?

Question

I wonder what is the difference between the following two code snippets: <label>Input here : </label> <input type='text' name='theinput' id='theinput'/>and <label for='theinput'>Input here : </label> <input type='text' name='theinput' id='theinput'/>I'm sure it does something when you use a special JavaScript library, but apart from that, does it validate the HTML or required for some other reason?

Answer 1

"for" attribute in <label> tag is used to bind the label to controls such as <button>, <input>, <meter>, <output>, <progress>, <select>, or <textarea> element.

The value of "for" attribute should be equal to the "id" of the control.

here is a working example:

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