当前位置: 首页 > 工具软件 > jQuery Xcolor > 使用案例 >

jquery_input_color属性

陆宾白
2023-12-01

input color 属性使用

参考:http://www.qttc.net/static/demo/html5_input_color_20130526/

<div class="form-group">
    <label for="type" class="col-sm-4 control-label"><span class="red">*</span>身份颜色:</label>
        <div class="col-sm-8">
		    <div class="clearfix">
	        	<input style="position:absolute;left:3000px;" type="color" id="color_open">  <!-- 飘出浏览器 -->
	        	<input  id="color_view" type="text"/>
	        	<button id="color_btn" type="button">选择颜色</button>
		    </div>
        </div>
</div>
document.getElementById('color_btn').onclick = function(){
	document.getElementById('color_open').click();
};
var identityColor="";  //全局变量,用来保存颜色16进制值
document.getElementById('color_open').onchange = function(){
	$('#color_view').css("background-color",this.value);
	identityColor=this.value;
};

 

 类似资料: