输入类型="数字"如何将默认值设置为0

时间:2016-01-21 13:07:00

标签: javascript html angularjs

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

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

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

任何帮助都将不胜感激。

2 个答案:

答案 0 :(得分:17)

设置默认值的HTML属性为value

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

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

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

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

答案 1 :(得分:4)

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

我假设您正在使用AngularJS。