Interactive HTML Elements

Details and Summary

Click to expand: What is HTML?

HTML (HyperText Markup Language) is the standard markup language for creating web pages. It describes the structure of web pages using markup.

HTML elements are represented by tags
HTML tags label pieces of content
Browsers use tags to render content

This section is open by default

You can make a details element open by default using the "open" attribute.

Nested Details Example

You can also nest details elements:

Inner Details

This is content inside nested details.

Progress Bars

Download progress:

70%

Completion: 60%

Meter Element

Disk usage: 6 out of 10

Score: 60%

Temperature: 35°C

Output Element

Fieldset and Legend

Personal Information First Name:

Last Name:

Disabled Fieldset This input is disabled:

Datalist (Input Suggestions)

Choose a browser:

Button Types

Input Types Showcase

Various Input Types Text:

Password:

Email:

URL:

Phone:

Search:

Number:

Range:

Date:

Time:

DateTime Local:

Month:

Week:

Color:

File:

Option 1
Choice 1
Choice 2