Comment cacher une liste déroulante générée par navigateur de saisie de texte des éléments précédents

Question

Quand je produis une entrée de texte comme celui-ci:

<input type="text" name="name" /> 

Quand je commence à taper, le navigateur affichera une liste déroulante en dessous de la saisie de texte . Cette liste contient les valeurs que j'avais précédemment utilisées pour cette entrée de texte dans ce navigateur. Je veux générer ma propre auto-complétion via ajax.

Comment indiquer au navigateur avec css ou javascript de ne pas générer cette liste déroulante.

Si cette tâche est plus facile en utilisant jquery, je préférerais une telle solution.

Answer 1

IE et Firefox (peut-être d'autres, je n'ai pas fait beaucoup de recherches) supportent le autocomplete attribute. Si vous le désactivez, ces navigateurs n'afficheront plus l'auto-complétion.

<input type="text" autocomplete="off" />