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="">