HTML Tips and tricks

Native HTML Autocomplete

Grouped Select Lists

Nepal Japan Indonasia Italy Bulgaria France

HTML Accordion

Example Accordion

This is a demo text to dispaly when the accordion is opened.

Example Accordion - Open by Default

Use open attribute on details element to open the accordion by default

Native HTML Sliders

Score

The Meter Element

Low High

The Mark Element

You are an awesome person. Cheers!!

contentEditable Attribute

This is an editable text. Try it here for demo. Corect this stpuiddd spelling mistacke.

spellCheck Attribute

This is an editable text with spellcheck enabled. When you try to eidt tihs spellceck will be enbaled.

start Attribute

100. Pekka
101. Giant
102. Minions
103. Inferno Dragon

Input Type `color`

Input Type `date`

Input Type `datetime-local`

Input Type `time`

Input Type `week`

Limit the range of week's input

Input Type `search`

Input Type Text (Does not have clear button)

Input Type Search (Has clear button)

Input Type `reset`

Update the input fields and click on Reset to clear all input elements

First Name

Last Name

Score