Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/462.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/php/283.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 如何使用颜色选择器作为HTML输入元素_Javascript_Php_Jquery_Html_Css - Fatal编程技术网

Javascript 如何使用颜色选择器作为HTML输入元素

Javascript 如何使用颜色选择器作为HTML输入元素,javascript,php,jquery,html,css,Javascript,Php,Jquery,Html,Css,我想使用颜色选择器作为html输入元素来输入一些产品颜色。我使用了各种颜色选择器,但不能满足我的要求。但最终我找到了Spectrum——我的系统中一个不费吹灰之力的jQuery颜色选择器 <html> <head> <meta http-equiv="content-type" content="text/html; charset=UTF-8"> <title>Spectrum - The No Hassle jQuery Colorpicker

我想使用颜色选择器作为html输入元素来输入一些产品颜色。我使用了各种颜色选择器,但不能满足我的要求。但最终我找到了Spectrum——我的系统中一个不费吹灰之力的jQuery颜色选择器

<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<title>Spectrum - The No Hassle jQuery Colorpicker</title>

<meta name="description" content="Spectrum is a JavaScript colorpicker plugin using the jQuery framework.  It is highly customizable, but can also be used as a simple input type=color polyfill">
<meta name="author" content="Brian Grinstead and Spectrum contributors">

<link rel="stylesheet" type="text/css" href="spectrum.css">
<script type="text/javascript" src="docs/jquery-1.9.1.js"></script>
<script type="text/javascript" src="spectrum.js"></script>

</head>
<body>
<input type='color' name='color2' value='#3355cc' />

</body>
</html>

Spectrum-轻松的jQuery颜色选择器

这也适用于microsoft edge。但我想在单击“添加”按钮时添加更多颜色选择。这只是和克罗姆一起工作。当我使用edge时,我只显示文本框。我如何解决这个问题

您可以使用颜色选择器JQuery插件。这是最好的


链接:

您可以使用颜色选择器JQuery插件。这是最好的

链接:

Spectrum.js“无麻烦的jQuery颜色选择器”是最简单的颜色选择器之一

开源

易于使用

许多内置的颜色功能

链接

哎呀,我在读问题的时候犯了一个错误

这是一把用于IE频谱的小提琴

-帮助:)

Spectrum.js“无麻烦的jQuery颜色选择器”是最简单的颜色选择器之一

开源

易于使用

许多内置的颜色功能

链接

哎呀,我在读问题的时候犯了一个错误

这是一把用于IE频谱的小提琴

-帮助:)

$(".basic").spectrum({
    color: "#f00",
    change: function(color) {
        $("#basic-log").text("change called: " + color.toHexString());
    }
});