Courses / HTML
Free Beginner Web Development

HTML & Web Foundations

Learn how websites are structured from the ground up using HTML. Build real pages while learning elements, attributes, links, images, forms, tables, semantic HTML and more.

24
Lessons
4 Weeks
Duration
38%
Progress

Lesson 10 of 24

15 min learning time

Input Types

Different input types

The input element supports different types such as text, email, password, number, date and checkbox.

Example HTML
<input type="text" placeholder="Name">

<input type="email" placeholder="Email">

<input type="password" placeholder="Password">

<input type="number" placeholder="Age">

<input type="date">

<label>
    <input type="checkbox">
    I agree
</label>

Practical Exercise

Build it yourself

Build a registration form containing at least five different input types.

Quick Check

Test your understanding

Which input type is designed for email addresses?