jquery_input_color属性

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;
};

 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值