颜色选择器

  1. <html>
  2. <body>
  3. <div class="colorPicker"// class="colorPicker"标识此div需要渲染成颜色选择器
  4. data-id="color_picker"//输入框的id属性值,默认和name相同,当name有中括号时,jquery获取不到对象,需要单独设置id
  5. data-name="color_picker"//提交表单的name
  6. data-color="#000"//默认颜色
  7. data-format="hex"//颜色格式,hex(16进制色值,例:#000),rgb(例:rgb(255,255,255))
  8. data-alpha="true"//开启透明度,默认false
  9. data-predefine="true"//是否开启预定义颜色
  10. data-colors="['#ff4500','#1e90ff','rgba(255, 69, 0, 0.68)','rgb(255, 120, 0)']"//开启预定义颜色后,设置预定义颜色的数组
  11. ></div>
  12. <script>
  13. layui.use(['laytp'], function(){
  14. // 这里写表单渲染后的js
  15. });
  16. </script>
  17. </body>
  18. </html>
  • 评论列表0