Build an accessible form

Read first Task 52

Every input needs a `label` tied to it by `for` and `id`, and `required` lets the browser block an empty submit.

Task

Which attribute ties a label to its input?

The editor already contains a starting point. Change it until every check passes — the Next task button unlocks when it does.

What you start with

<form>
  <label for="student-name">Full name</label>
  <input id="student-name" name="name" type="text" required>

  <label for="student-phone">WhatsApp number</label>
  <input id="student-phone" name="phone" type="tel" required>

  <button type="submit">Enroll now</button>
</form>

HTML & CSS 1 automatic check Capstone: a real page

Code editor Ctrl + Enter runs

<form>
  <label for="student-name">Full name</label>
  <input id="student-name" name="name" type="text" required>

  <label for="student-phone">WhatsApp number</label>
  <input id="student-phone" name="phone" type="tel" required>

  <button type="submit">Enroll now</button>
</form>

Run your code to see the output and the checks.

Your result

Submit your code to see results

Write your code in the middle column and press Run code.

Checks on this task:

Check 1

One correct answer:

Track progress

0 of 56 tasks complete

Next task unlocks when every check passes.

← Previous

Next task (pass every check first)

Build an accessible form

Build an accessible form

Task

Why this works