如何仅使用 css 删除 django 表单中的默认值“0”答案

【问题标题】：How to remove default value '0' in django forms using css only如何仅使用 css 删除 django 表单中的默认值“0”
【发布时间】：2020-02-02 11:58:31
【问题描述】：

我正在制作 django 表单，它在迁移到它时需要一个默认值，但我想显示这个：“--------”默认情况下，而不是 0 仅使用 css：我的 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 完成。

【问题讨论】：

请向我们展示您使用的表格。
你不能用 CSS 改变 HTML。

标签： javascript html css django django-forms

【解决方案1】：

纯 CSS 无法做到这一点。

相反，请查看如何在清晰的 Django 表单中使用单独的 HTML 元素进行操作，并使 input 元素的值为空，placeholder 属性为“------”，就像你想要它。

【讨论】：

【解决方案2】：

在 CSS 中有一个 webkit 伪类可用，它与 content 属性结合使用来设置占位符。

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

再次注意这一点：这仅适用于 webkit 浏览器。

【讨论】：

【解决方案3】：

你必须添加一些 JS.. 添加这个 JS 代码。

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

【讨论】：