Тип ввода «цвет»?

Question

Я извлек некоторый тип ввода из HTML5 и обнаружил, что поддержка chrome для цвета типа ввода не работает.Моя версия chrome 15.0.874.121, а на сайте w3schools написано, что он поддерживается с версии 12:

У меня такой вопрос: почему это не работает для меня?Это регресс поддержки HTML5 в Chrome?

Answer 1

w3school не является официальным документом.В нем много ошибок.Это частично правильно, хотя в этом случае.Просто посмотрите этот сайт http://w3fools.com/

Поскольку цвет ввода поддерживается, установите флажок

Следующие браузеры теперь поддерживают цветовой виджет

Firefox 29

Opera Desktop 11

Chrome Desktop 20:

Android 4.4 / Chrome Mobile:

Opera mobile:

Blackberry:

Firefox OS 1.3

Firefox OS теперь поддерживает цветной ввод, но у меня все еще нет скриншота

Эта ссылка / информация устарела

http://www.reddit.com/r/browsers/comments/is1q9/does_chrome_safari_and_firefox_support_input/

Chrome 12: partial (minimal element support: yes, custom ui: no, value sanitization: no, field validation: yes)     
Safari 5.0.1: partial(minimal element support: yes, custom ui: no, value sanitization: no,field validation: yes)     
Opera 11.50: partial (minimal element support: yes, custom ui: yes, value sanitization: yes, field validation: no)    
IE 9: No
Firefox 5: No 

Если вы хотите, вы можете использовать это http://www.eyecon.ro/colorpicker/

Answer 2

У меня есть автономные версии Chrome для тестирования (см. http://www.oldapps.com/google_chrome.php),, и ни Chrome 12, 13, ни 15 не поддерживают <input type="color"> - все они просто показывают текстовое поле. (В отличие от Opera 11 , который показывает палитру цветов.)

В статье Reddit, на которую ссылается @ ответ WebDeveloper , говорится, что html5test.com сообщает, что Chrome 12 поддерживает проверку полей на <input type="color">. Это правда - html5test.com сообщает, что для Chrome 12 (и не для Chrome 15), но я не уверен, что это на самом деле означает.

Answer 3

<input type="color" /> в данный момент находится в разработке и еще не реализован.

См:

http://code.google.com/p/chromium/issues/detail?id=83865

http://code.google.com/p/chromium/issues/detail?id=82635