CodePen Embed - form -input

<body>
  <form>
    <label for="#/">First name:</label><br>
    <input type="color" id="fname" name="fname"><br><br>
    <input type="submit" value="Submit">
  </form>

</body>

@import url('https://fonts.googleapis.com/css2?family=Montagu+Slab:wght@100;500&display=swap');
body {
  font-family: 'Montagu Slab', serif;
  color:#2a9d8f;
  text-align:center;margin-top:1rem;
  background:#e9c46a;
  min-height:200px;
  height:40%;
}

This Pen is owned by Amber Bdr. Kharka on CodePen.

See more by @amber_bdr on CodePen

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

This Pen doesn't use any external JavaScript resources.