HTML5 controls

<!-- Details & Summary -->
<details>
    <summary>Sample</summary>
    <div>
        Lorem ipsum dolor sit amet consectetur adipisicing elit. Consequuntur repellendus obcaecati quaerat architecto. Harum doloremque repellendus vitae odio officia architecto voluptatibus quae quaerat, magnam delectus? Dolore cupiditate voluptates suscipit explicabo.
    </div>
</details>

<!-- Input -->
<input type="color">
<input type="range" value="2" min="0" max="3">
<input type="date">
<input type="time">
<input type="datetime-local">

<!-- Meter -->
<meter value="30" min="0" max="100"></meter>

<!-- Progress -->
<progress></progress>
<progress value="1" max="10"></progress>

<!-- Datalist -->
<input type="text" list="suggestions" placeholder="Car Search">
<datalist id="suggestions">
    <option value="Honda">Honda</option>
    <option value="Subaru">Subaru</option>
    <option value="Toyota">Toyota</option>
    <option value="Other">Other</option>
</datalist>

<!-- Option Groups -->
<select>
    <optgroup label="Member">
        <option value="Dashboard">Dashboard</option>
        <option value="Profile">Profile</option>
    </optgroup>
    <optgroup label="Admin">
        <option value="Security">Security</option>
        <option value="Settings">Settings</option>
    </optgroup>
</select>

Source: youtube.com

Similar codes

0 vote291 views1 answer
Html5ap
Html
0 vote331 views1 answer
How to preselect an option
Html
12 votes287 views4 answers
Html text not editable
Html
1 vote288 views1 answer
What is the base of an html code?
Html
0 vote261 views1 answer
Html webgl
Html
0 vote248 views1 answer
Data toggle in bootstrap 4
Html
85 votes322 views6 answers
How to insert images into html
Html
0 vote279 views1 answer
A varible for br html
Html
-1 vote307 views1 answer
// count the number of each item in the cart for (i = 0; i < len; i++) { total += items[i].get('quantity'); } if (total < 3) { alert(' please add more to your shopping cart before checking out'); evt.preventdefault(); } }); </script> <
Html
6 votes297 views4 answers
Radio
Html