Binding Input Labels (<label> wrapping)

Er. Manoj Kumar•Nextsem Academy Curriculum

1. Wrapping inputs inside <label> binds them.

2. Implicit binding does not require id.

3. Improves code simplicity for simple checkboxes.

4. Clicking any label text toggles input.

5. Fully supported by all assistive technologies.

<!DOCTYPE html>

<html>

<head>

<title>Implicit Labeling</title>

</head>

<body>

<h2>Terms and Conditions</h2>

<form>

<label>

I agree to the Nextsem Academy Terms of Service

</label>

</form>

</body>

</html>

Loading course layout...