BootstrapColorpicker的template属性我需要显示颜色块还要一个输入框

可以使用以下代码来实现：

<div class="input-group colorpicker-component">
  <input type="text" class="form-control" placeholder="选择颜色" />
  <span class="input-group-addon"><i></i></span>
</div>

<script>
  $(function() {
    $('.colorpicker-component').colorpicker({
      template: '<div class="colorpicker">' +
                  '<div class="colorpicker-saturation"><i><\/i><\/div>' +
                  '<div class="colorpicker-hue"><i><\/i><\/div>' +
                  '<div class="colorpicker-alpha"><i><\/i><\/div>' +
                  '<div class="colorpicker-color"><div \/><\/div>' +
                '</div>'
    });
  });
</script>

这段代码将生成一个颜色选择器，包含一个输入框和一个颜色块。在初始化时，设置了template属性，其中包含了颜色选择器的HTML结构。使用Bootstrap的input-group和addon样式来展示输入框和颜色块。在JavaScript代码中，使用colorpicker()函数来初始化颜色选择器，并传递template属性。