Как использовать значение с заполнителем

Question

Этот код показывает 0, но я хочу показать ввести местоположение с заднего конца скрытым значением 0

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

Как это сделать, пожалуйста, помогите мне исправить маленькую проблему.

Благодаря

Answer 1

Удалить value="0" из разметки и он будет работать. value="0" походит на то, что вы набрали 0, поэтому он не отображает местозаполнитель

Answer 2

Атрибут value относится к значению внутри текстового поля.

placeholder видна только в том случае, если текстовое поле не имеет значения.

из-за этого невозможно установить атрибут value и по-прежнему видеть placeholder.

попробуйте использовать пользовательский атрибут для фонового кода:

data-value

Answer 3

Unfortuntaly, любое дополнительное к входу значение, делает заполнитель пропадает. Что вы можете сделать, это добавить значение в формах 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> 

Таким образом, ноль посылается на сервер, если значение не было введено. Возможно, было бы проще просто проверить serveride, если вход является частью данных формы.

Answer 4

Я думаю, что одним из решений было бы поставить только место-держатель в html & присвоить значение по умолчанию в 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>