SL The Software Lab Academy
HTML Foundations · Lesson 8 of 13

Buttons, Inputs, and Labels

Learn what buttons, inputs, and labels do so beginner forms feel clearer, calmer, and easier to understand.

Input Submit User Label Button Form Field Submit Action Text Input Email Input Password
Starter 5 practice exercises 1 homework item
See how to unlock Return to track Back to lessons
Previous lesson Next lesson

What you will learn

  • Teach common form elements and what they do.
  • Explain the difference between a label, an input, a button, a form field, and a submit action.
  • Show how small clear form parts work together in beginner-friendly HTML.

Lesson shape

17 minute lesson with 7 sections, 5 exercises, 8 checkpoint questions, and 1 homework submission.

This track requires the Starter plan.

Lesson outline

What this lesson includes

This lesson is available with the Starter membership. Create an account to open the full student player, exercises, quiz, and completion tracking.

Overview

What you will learn in this lesson

Full lesson content unlocks in the student player.

Explain

The difference between labels, inputs, buttons, and submit actions

Full lesson content unlocks in the student player.

Practice

Code example 1: a label and a text input

Full lesson content unlocks in the student player.

Explain

Code example 2: email and password inputs

Full lesson content unlocks in the student player.

Practice

Code example 3: a submit button inside a tiny form

Full lesson content unlocks in the student player.

Explain

Common mistakes beginners make with form elements

Full lesson content unlocks in the student player.

Wrap up

Short recap before moving on

Full lesson content unlocks in the student player.

Homework

Assignments attached to this lesson

Short code response

Buttons, Inputs, and Labels: quick check

Create a very small example or corrected snippet that demonstrates the main idea from Buttons, Inputs, and Labels.

Not started

Open homework