Form input type color element

Originally published at blog.mandarbadve.com on Aug 10, 2014

Now no more plug-in, no more libraries required for the color picker. HTML 5 gives you input element to select color.

Lets have look at the syntax.

<input type="color" name="mycolor" />

Simply by writing value of the type as color, browser will display color picker to you.

Demo

Check the browser compatibility for the input type color

http://caniuse.com/input-color

This post was originally published on blog.mandarbadve.com

Did you find this post useful? Show some love!
DISCUSSION
Classic DEV Post from Jun 22

Follow Friday! (v2)

Below you can either write about why someone might want to follow you or devs y...

READ POST
Follow @ben to see more of their posts in your feed.
Mandar Badve
I am web developer, working on Microsoft Technologies like ASP.NET MVC and Windows Azure. Have experience on JavaScript and CSS frameworks.
More from @mandarbadve
HTML5 web storage – offline storage solution for the web
#html5 #javascript #webdev
Form input type range element (Slider control)
#html5 #javascript
Trending on dev.to
How do you manage projects?
#projectmanagement #freelance #developer #discuss
Software People — How Do You Deal With Stress/Bullies/Frustration?
#life #software #stress #discuss
How to Use the HTML5 Canvas Element with JavaScript
#html5 #javascript #canvas
Lessons I learned from training with special forces that I use in software development
#beginners #career #motivation #dieliving
What is top 5 most valuable courses in a CS Degree?
#discuss #help #beginners #devconfession
What Open-source Load Balancer Have You Used Before or Still Using Now?
#opensource #help #discuss
How to Improve Your Development Experience
#beginners #career #development #productivity
Why I Turned Down a Job Opportunity
#career #perspective