How to set HTML Input Type Color - HTML Input Types

The <input type="color"> is used for input fields that should contain a color.

Depending on browser support, a color picker can show up in the input field.

How is to look HTML Input Type Color

index.html

Example: HTML

 <form>
  <label for="favcolor">Select your favorite color:</label>
  <input type="color" id="favcolor" name="favcolor">
</form>

Full Code Example of Input Type Color

The input type="color" is used for input fields that should contain a color.

index.html

Example: HTML

<!DOCTYPE html>
<html>
<body>

<h2>Show a Color Picker</h2>

<p>The <strong>input type="color"</strong> is used for input fields that should contain a color.</p>

<form action="/action_page.php">
  <label for="favcolor">Select your favorite color:</label>
  <input type="color" id="favcolor" name="favcolor" value="#ff0000">
  <input type="submit" value="Submit">
</form>

<p><b>Note:</b> type="color" is not supported in Internet Explorer 11.</p>

</body>
</html>

Output should be:

Category:	Web Tutorial
Sub Category:	HTML Input Types
Uploaded by:	Admin

Read Article
https://develop.horje.com/learn/1434/reference