A <label> is connected to an <input> via its for attribute. Mouse clicking on the label «activates» the connected input-field.
There is also a title attribute that becomes active when the mouse hovers over the label.
<!DOCTYPE html>
<html>
<head>
<meta content="text/html;charset=utf-8" http-equiv="Content-Type">
<title><label></title>
</head>
<body>
A <i>label</i> is connected to an <i>input</i> via its <i>for</i> attribute. Mouse clicking
on the label «activates» the connected input-field.<p>
There is also a <i>title</i> attribute that becomes active when the mouse hovers over the label<p>
<form action="#">
<label for="value_01" title="Title seen with mouse over label">Label 01</label> <input type="text" id="value_01"><br>
<label for="value_02" title="Title seen with mouse over label">Label 02</label> <input type="checkbox" id="value_02">
</form>
<p>See also <a href="form.html">form.html</a>
</body>
</html>