Input

Want to make your web page interactive? Then the most useful html element to know about is <input>

22 different things are made using <input>:

This is used when you want to give choices and more than one answer can be clicked:

This is used when you want to give choices and only one answer can be clicked:

Choose a colour

The next three items can be used to collect a date, a time or a date and a time:

Date:

Time:

Date and time:

When a form collects a password it usually hides the input so it can't be seen by someone standing nearby:

Password:

There is a special version of input called a slider:

Range:

There are two pages on this site that use them:

The 'file' input type is used to choose a file to upload:

File:

The 'number' input type works like this:

Number:

Email:

Phone:

Hidden:

Image:

Reset:

Search:

Submit:

Text: (default value)

Url:

Month:

Week:

This was used in forms to send data to a server.
But nowadays we use <button> instead.