Effacer l'entrée onFocus avec Google Recherche personnalisée

Question

Je déplace une recherche de sites pour effectuer une recherche personnalisée sur google.

L'ancienne entrée pour le texte ressemble à ceci:

<input type="text" value="Search this website..." name="s" id="searchbox" onfocus="if (this.value == 'Search this website...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" /> 

Maintenant, je dois avoir le attr « nom » comme « q », comme ceci:

<input type="text" value="Search this website..." name="q" id="searchbox" onfocus="if (this.value == 'Search this website...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" /> 

La chose étrange est que lorsque j'échange le nom sur q, je n'arrive pas à effacer le champ de recherche. Est-ce que je manque quelque chose de super facile?

Answer 1

Êtes-vous aussi, y compris le CST JS? Les chances sont qu'il écrase votre attention et les gestionnaires de flou. Le default implementation (voir en haut de la page) ajoute un filigrane de marque Google.

Vous pouvez mettre en œuvre le CST sans leur JS, et dans ce cas, votre code fonctionne bien:

<form action="http://www.google.com/cse" id="cse-search-box"> 
    <input name="cx" type="hidden" value="yoursearchid" /> 
    <input name="ie" type="hidden" value="UTF-8" /> 
    <input name="q" type="text" value="Search this website..." onfocus="if (this.value == 'Search this website...') {this.value = '';}" onblur="if (this.value == '') {this.value = 'Search this website...';}" /> 
    <input name="sa" type="submit" value="Search" /> 
</form> 

Answer 2

Je ne sais pas pourquoi cela se passerait-il, mais je vous recommande de ne pas utiliser JavaScript pour faire et laisser HTML faire son travail avec l'attribut placeholder:

<input type="text" placeholder="Search this website..." name="q" id="searchbox" />