for 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

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

我假设你使用的是AngularJS。

Answer 2

HTML属性设置默认值是value：

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

你这个默认值设置为null，并没有什么（在HTML），可以把它改成零（或其他任何东西）。
您必须修复数据库或模板引擎中的值（如{{model.PortNumber || 0}}）。

至少，你可以强迫你的领域充满required属性：

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