如何在不填充字段的情况下为 HTML 表单元素定义默认值？答案

【问题标题】：How to define default values for HTML form elements without populating the field?如何在不填充字段的情况下为 HTML 表单元素定义默认值？
【发布时间】：2015-08-01 21:32:43
【问题描述】：

我有一个带有许多文本框的巨大表单。并非所有都是强制性的，但我不希望它发送undefined 到我的后端，因为许多类型为integer 和float。我需要为所有这些定义默认值，但我不希望用户拥有每次输入之前删除默认值。如果我在<input>...</input> 标记中执行value="defaultVal"，则会显示默认值。我尝试提供placeholder="..."，但仍然value 覆盖placeholder。有什么建议可以实现吗？

【问题讨论】：

你想做那个服务器端。但是，您可以在提交之前评估所有输入。
我认为您正在尝试解决错误的问题。如果他们未填写的字段将 undefined 发送到服务器端/后端代码，这听起来像是在客户端和服务器端发送值的代码都有问题处理这些值的代码。
@AnthonyGrist 这是我的模型属性：targetAmount: { type: 'integer', defaultsTo: 0 }, 这是接受输入的表单部分：<label>Target Amount:</label><br> <input class="form-control" type="number" name="targetAmount"/> 我在提交时收到如下错误：Invalid attributes sent to Property: targetAmount 'undefined' should be a integer (instead of "NaN", which is a number)

标签： javascript jquery html frontend

【解决方案1】：

你可以像以前一样设置默认值，然后只需清除输入字段onFocus，这样用户就可以进入一个新的slate

【讨论】：

【解决方案2】：

你可以试试这个：

<input type="text" onfocus="if(this.value == 'value') { this.value = ''; }" value="value" />

Source code

【讨论】：