cool things that you can do with just html

 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



 <a href = "tel:123-456-7890">CLICK Khaby
</a>

This is mostly used it can be done just using the small peice of html code as mentioned above.
If you open the website on your phone, it will intent to your phone dialer.

4.Progress




 <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>

Post a Comment

0 Comments