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!
Classic DEV Post from May 21

Quick Advice For Junior Devs

Some thoughts for junior devs.

READ POST
Follow @mattsparks to see more of their posts in your feed.
Mandar Badve
I am web developer, working with Microsoft Technologies like ASP.NET MVC and Windows Azure since 7 years. Also 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
Follow Friday!
#discuss
Ever feel like you have "Programming Synesthesia"?
#discuss #programming #productivity
Back to basics: Naming
#naming #javascript #programming #discuss
What are your programming blogs?
#discuss
What are the first differences you noticed in GitHub after Microsoft bought it? Post here yours!
#github #microsoft #discuss
Does anyone else feel bothered when people term us as coders instead of developers or programmers..?
#discuss
How do you get a decent estimate on the time it will take to complete a task?
#discuss #work
When is code "too clever" / how do you think about readability/cognitive load?
#discuss