Javascript 如何将值与占位符一起使用

此代码显示0，但我希望显示后端隐藏值为0的输入位置

<input type="text" name="location" value="0" placeholder="Enter Location" />

如何做到这一点请帮助我解决这个小问题

---

谢谢

从标记中删除

value=“0”

，它将正常工作

value=“0”

类似于您在其中键入的

0

，因此它不会显示占位符，

value

属性引用文本字段中的值

只有当文本字段没有值时，

占位符

才可见

因此，无法设置

值

属性，仍然可以看到

占位符

尝试为后端代码使用自定义属性：

---

数据值

不幸的是，任何添加到输入中的值都会使占位符消失。如果没有输入值，您可以在表单

onsubmit

处理程序中添加一个值

<form id="myForm">
   <input type="text" name="location" placeholder="Enter Location" />
</form>

<script>
    document.getElementById('myForm').addEventListener('submit', function() {
        var input = this.getElementsByName('location')[0];
        if (input.value.length === 0) input.value = '0';
    })
</script>

document.getElementById（'myForm'）。addEventListener（'submit'，function（）{
var input=this.getElementsByName（'location'）[0]；
如果（input.value.length==0）input.value='0'；
})

这样，如果没有输入值，则向服务器发送零。

---

如果输入是表单数据的一部分，只检查服务器端可能会更容易。

我认为解决方案之一是只在html中放置占位符，并在JS中指定默认值（如果为null）

$（'form'）。提交（函数（）{
var输入=$（'#test'）.val（）；
如果（输入=“”）{
$（'#test'）.val（'empty'）；
}
警报（$（'#test'）.val（））；
});

hi Get error Uncaught TypeError:无法读取Null的属性'addEventListener'，则表单没有正确的ID，或者在表单之前添加了脚本。请注意，上面的代码仅在编写时有效，并且不适用于与selector不匹配的所有可能的表单。现在，我将脚本粘贴到表单之后，它没有显示任何错误，但不起作用。您的表单是否具有id
myForm
，就像上面代码中的id一样，以及where
getElementById（'myForm'））
会得到这个格式吗？你试过上面的代码片段吗？我的代码片段运行良好。你可以把你的代码作为一个片段，这样我可以检查一下。如果你得到了答案：