Question

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

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

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

由于

Answer 1

value属性引用文本字段内的值。

placeholder仅在文本字段没有值时才可见。

因为这样就无法设置value属性，仍然可以看到 placeholder。

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

data-value

Answer 2

从您的标记中删除value="0"，它会起作用。 value="0"就像您在其中键入0一样，因此它不会显示占位符

Answer 3

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

这样，如果没有输入值，则向服务器发送零。如果输入是表单数据的一部分，那么检查服务器端可能会更容易。

Answer 4

我认为其中一个解决方案是只将地方持有人放入html＆amp;在JS中指定默认值（如果为null）。

$('form').submit(function(){
    var input = $('#test').val();
    if(input == ''){
         $('#test').val('empty');
    }
    alert($('#test').val());
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<form> 
    <input id="test" type="text" placeholder="Type here" />
    <input type="submit" />
</form>

如何在占位符中使用值

4 个答案: