对于input type ="number"如何将默认值设置为0

Question

对于接受如下所示数字的文本框,如何将默认值设置为0？

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

虽然DB中的值为null,但它仍然在文本框中显示为0.

任何帮助,将不胜感激.

Answer 1

用于设置默认值的HTML属性是value:

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

您将此默认值设置为null,并且没有任何内容(以HTML格式)可以将其更改为零(或其他任何内容).
您必须修复数据库或模板引擎中的值(类似{{model.PortNumber || 0}}).

至少,你可以强制你的字段填充required属性:

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

Answer 2

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

我假设您正在使用 AngularJS。