如何仅使用CSS删除Django表单中的默认值'0'

Question

我正在制作django表单，该表单在向其迁移时需要一个默认值，但是我想默认显示：“ --------”，而不是仅使用css显示0： 我的django表格如下：

<div class="row">
    <div class="col-md-6 col-sm-8 col-12">
      <form method="post" novalidate>
        {% csrf_token %}
        {{ form|crispy }}
        <button type="submit" class="btn btn-success">Save</button>
        <a href="{% url 'employee:products_table' %}" class="btn btn-outline-secondary" role="button">Nevermind</a>
      </form>
    </div>
  </div>

在此img中，我不想显示0，而是要“ ------”，但只能使用CSS完成。

Answer 1

使用纯CSS不能做到这一点。

相反，请检查如何在酥脆的Django表单中使用单独的HTML元素进行操作，并使之成为const numArray = [1, 5, 3, 5, 6, 3, 3, 7, 4, 6, 7, 3, 5, 3, 6, 7, 5, 2, 5, 7, 4, 6, 4, 5, 3, 6, 7, 8, 5, 4, 3, 6, 7, 8, 5, 7, 8, 8, 5, 3, 2, 4, 6, 7, 4, 6, 7]; Highcharts.chart('container', { chart: { events: { load: function() { let chart = this, now = (new Date()).getTime(), i = 0; const interval = setInterval(function() { chart.series[0].addPoint([ now + i * 1000, numArray[i] ]); i++; if (i === numArray.length) { clearInterval(interval); } }, 1000); } } }, xAxis: { type: 'datetime' }, series: [{}] }); 元素的值为空，并且input属性为“ ----- -”就可以了。

Answer 2

CSS中提供了一个webkit伪类，该类与content属性一起用于设置占位符。

.my-input-class::-webkit-input-placeholder::before {
   color:#6B6A6A;
   content:"------";
}

请再次注意：这仅适用于Webkit浏览器。

Answer 3

您必须添加一些JS。添加此JS代码。

var inputText = document.getElementsByTagName('input');
for (var i = 0; i < inputText.length; i++) {
  if(inputText[i].value == 0){
    inputText[i].value = '--------';
  }
}