bottom.html 1.3 KB

1234567891011121314151617181920212223
  1. <style type="text/css">
  2. .icon i {font-size: 20px;color: #3399FF}
  3. .Validform_wrong {display: none}
  4. </style>
  5. <script type="text/javascript">
  6. Do('base', 'layer', 'form', function () {
  7. $('#form').isForm();
  8. var i = $('[name="values_id[]"]').length;
  9. $("#add_attr").click(function () {
  10. i++;
  11. var html = "<tr><th></th><td class='input-group'>" +
  12. "<input class='input w100' datatype='*' type='text' name='title[]' placeholder='模板标题' />" +
  13. "<select class='select' name='types[]'><option value='text' selected>文本输入</option><option value='number'>整数数字</option><option value='digit'>小数点数字</option><option value='idcard'>身份证输入</option><option value='data'>年月日时间</option><option value='selector'>选择器</option></select>" +
  14. "<input class='input w300' type='text' name='placeholder[]' placeholder='提示语' />" +
  15. "<span class='fn-cp ml5' onclick='remove_attr(this)'><i class='iconfont icon-reduce_icon'></i></span><br />" +
  16. "<input class='input w500 mt5' type='text' name='values[]' placeholder='默认值,多个以|线分开' /></td></tr>";
  17. $("#attr").append(html);
  18. });
  19. })
  20. function remove_attr(css) {
  21. $(css).parents("tr").remove();
  22. }
  23. </script>