Estoy creando formularios django que requieren un valor predeterminado mientras realizo migraciones, pero quiero mostrar esto: "--------" de forma predeterminada, no 0 usando solo css: mi formulario django se ve así:

<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>

enter image description here

En esta img, en lugar de mostrar 0, quiero "------", pero solo se debe hacer con css.

0
chirag 4 oct. 2019 a las 10:02

3 respuestas

La mejor respuesta

Tienes que agregar algunos JS ... Agrega este código JS.

var inputText = document.getElementsByTagName('input');
for (var i = 0; i < inputText.length; i++) {
  if(inputText[i].value == 0){
    inputText[i].value = '--------';
  }
}
1
Asfan Shaikh 4 oct. 2019 a las 07:47

Esto no se puede hacer con CSS puro.

En cambio, vea cómo manipular con elementos HTML separados dentro de formas crujientes de Django y asegúrese de que el valor del elemento input esté vacío y el atributo placeholder sea "------" solo como tu quieras

1
Altair312 4 oct. 2019 a las 07:08

Hay una pseudo clase de webkit disponible en CSS que se usa junto con el atributo de contenido para establecer el marcador de posición.

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

Solo observando esto nuevamente: esto es solo para navegadores webkit.

1
msbarnard 4 oct. 2019 a las 07:33