Sometimes, you do not need JavaScript or funky CSS to make cool stuff. You can do it with just HTML.
1. Color Picker
<Label for ="set-color">Select color
</Label>
<input type="color"
id ="set-color">
Cool and easy way to create a color picker just using the <input> tag and type "color" .The default color is #000000 [black].
2.Accordi0n
<details>
<summary>Header</summary>
<p>Content displayed after
clicking on the summary
heading </p>
</details>
The <summary> tag defines a visible heading for the<details> element. The heading can be
clicked to view/hide the details
3.call khaby
<label for="skills">HTML Skills <label>
<progress id="skills" value="90"
max="100"></progress>90%
The <progress> element represents the completion progress of a task.
5.Autocomplete
The <datalist> tag is used to provide an "autocomplete" feature for <input>elements.
You will see a drop-down list of pre-defined options as you type.
<input list ="subjects" id="" name="">
<datalist id="subjects">
<option value="HTML">
<option value="CSS">
<option value="JS">
</datalist>
0 Comments