web-dev-qa-db-fra.com

for input type = "number" comment définir la valeur par défaut sur 0

Pour une zone de texte qui accepte des nombres comme indiqué ci-dessous, comment définir la valeur par défaut sur 0?

<input name="smtpPort" type="number" id="smtpPort" size="30" maxlength="50" class="input-full" tabindex="4" value="{{model.PortNumber}}">

Bien que la valeur dans la base de données soit null, elle affiche toujours 0 dans la zone de texte.

Toute aide serait appréciée.

javascripthtmlangularjs
17
NiksJ

L'attribut HTML permettant de définir une valeur par défaut est value:

<input type="number" value="1">

Vous définissez cette valeur par défaut sur null, et rien (en HTML) ne peut la changer à zéro (ni rien d’autre).
Vous devez corriger la valeur dans votre base de données ou dans votre moteur de modèle (quelque chose comme {{model.PortNumber || 0}}).

Au moins, vous pouvez forcer votre champ à être rempli avec l'attribut required:

<input type="number" required value="">
20
zessx
<input name="smtpPort" type="number" id="smtpPort" size="30" maxlength="50" class="input-full" tabindex="4" value="{{model.PortNumber || 0}}">

Je suppose que vous utilisez AngularJS.

4
kravits88