Comment faire pour modifier la valeur d'entrée onfocus et onblur (pas de jquery)

J'ai écrit un code, un peu comme une alternative pour HTML5 espace réservé à l'aide de JavaScript, mais cela ne fonctionne pas. Aussi loin que je peux comprendre (avec mes médiocres connaissances en js), tout devrait fonctionner, mais il ne l'est pas. S'il vous plaît aider!!! Voici mon code:

JavaScript:

(function(){
    var field = document.getElementById('placeholder');
    var placeholdertext = "Search box"; //<< change this to whatever you want the placeholder text to be

    field.setAttribute("onblur", "if(value=='') { value = '" + placeholdertext + "'")
    field.setAttribute("onfocus", "if(value=='" + placeholdertext + "') { value = '' }")
})(); 

HTML

<input type="search" value="Search box" id="placeholder">

Edit:

Je ne veux pas utiliser jQuery ou inline html de codage, s'il vous plaît. Merci pour toute aide, les gars!!!

  • Pensez à utiliser le HTML5 placeholder l'attribut au lieu
  • kind of like an alternative for HTML5 placeholder using JavaScript
  • Envisager l'utilisation d'un existant placeholder polyfill à la place. Vous n'avez pas considérés comme des choses comme la valeur de l'espace réservé est soumise avec le formulaire si l'utilisateur n'a pas saisi une valeur.