Forms

Forms

• A form lets people type things in — a name, a message, a search.
• The boxes you type in are called inputs.
• A text box is <input type="text"> — a single tag, like <img>.

Labels and buttons

• A <label> is the words next to an input, telling the user what it is for.
• A <button> is something to click — like Send or Search.
• We won't actually send anything here — we're just learning the tags.

<label for="name">Your name:</label>
<input type="text" id="name">
<button>Send</button>

Common mistakes

• Link each label to its input: the label's for matches the input's id. Then clicking the words puts the cursor in the box, and screen readers read the label aloud.
• A button in a form submits it by default — use type="button" to stop that.

Now you try

• Inputs and buttons are the building blocks of every form on the web.
• Add a text box, then a button.