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>
En esta img, en lugar de mostrar 0, quiero "------", pero solo se debe hacer con css.
3 respuestas
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 = '--------';
}
}
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
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.