Показывать местозаполнитель вместо значения по умолчанию в форме html

Question

Текстовое поле в форме html имеет значение по умолчанию, , но я хотел бы показать вместо этого значение по умолчанию. любые идеи?

Answer 1

Из того, что вы сказали here это звучит, как вы на самом деле хотите, чтобы слушать для фокуса и размытия событий и просто очистить содержимое <input> с каким-то кэшем, чтобы восстановить его, если ничто не набирается ,

<input id="foo" type="text" value="" data-value="" /> 

Затем в сценарии

var foo = document.getElementById('foo'); 
foo.addEventListener('focus', function() { 
    this.setAttribute('data-value', this.value); 
    this.value = ''; 
}); 
foo.addEventListener('blur', function() { 
    if (this.value === '') 
     this.value = this.getAttribute('data-value'); 
}); 

DEMO

Answer 2

условии, что вы беспокоитесь только с браузерами, которые поддерживают HTML5, следующий вариант:

<input type="text" name="myText" placeholder="My Placeholder"> 

Answer 3

С одной стороны, это выполнимо; с другой стороны, я не уверен, зачем вам это нужно.

$('input[type="text"]').each(function (i, o) { 
    var inputBox = $(o), 
     swapInValue = function() { 
      inputBox.val(inputBox.data('val')); 
     }, 
     swapOutValue = function() { 
      inputBox.data('val', inputBox.val()).val(''); 
     }; 
    inputBox.blur(swapOutValue).focus(swapInValue); 
}); 

Answer 4

<input type="text" name="foo" placeholder="Foo Name"/> 
<input type="hidden" name="foo" value="foo"/>