HTML Input Types

·

·

Links and Navigation

Checkbox

Checkboxes allow users to select one or more options.

Preview:

Radio Button

Radio buttons allow users to select one option from a set.

Preview:

File Input

File inputs allow users to upload files from their device.

Preview:

Hidden inputs are used to store data that users don’t see or interact with.

Preview:

Text Input

Text inputs allow users to enter text data.

Preview:

Password Input

Password inputs allow users to enter confidential information that is masked.

Preview:

Image Input

Image inputs are used to submit forms with an image button.

Preview:

Reset Button

Reset buttons clear all form fields to their default values.

Preview:

Button

Button inputs trigger JavaScript functions or other actions.

Preview:

Submit Button

Submit buttons send form data to the server.

Preview:

Color Input

Color inputs allow users to pick a color.

Preview:

Date Input

Date inputs allow users to select a date.

Preview:

Time Input

Time inputs allow users to select a time of day.

Preview:

Month Input

Month inputs allow users to select a month and year.

Preview:

DateTime-local Input

DateTime-local inputs allow users to select both date and time.

Preview:

Week Input

Week inputs allow users to select a week and year.

Preview:

Email Input

Email inputs validate the email address format.

Preview:

Tel Input

Tel inputs are used for phone numbers.

Preview:

URL Input

URL inputs validate the URL format.

Preview:

Number Input

Number inputs allow users to enter numerical values with optional constraints.

Preview:

Search Input

Search inputs are optimized for search queries.

Preview:

Range Input

Range inputs allow users to select a value within a specified range.

Preview:

Leave a Reply

Your email address will not be published. Required fields are marked *