对于 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中的值为空，但在文本框中仍然显示为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。

Answer 3

正确的方法应该是在发送到模板之前修复该值。 不过，如果你还是坚持在前端做，你也可以尝试使用|| AngularJS 前端中的运算符。

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