Form Labels (for attribute linkage)

Er. Manoj Kumar•Nextsem Academy Curriculum

1. <label> associates descriptive text with inputs.

2. for attribute matches the input id.

3. Clicking label automatically focuses the input.

4. Greatly enlarges touch target on mobiles.

5. Critical accessibility requirement for screen readers.

<!DOCTYPE html>

<html>

<head>

<title>Form Labels</title>

</head>

<body>

<h2>Contact Information</h2>

<form>

<p>

<label for="emailInput">Email Address:</label>

</p>

</form>

</body>

</html>

Loading course layout...