howto hide a text input's, browser generated dropdown ist of previous items, with javascript or css

Question

When I generate a text input like this:

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

When I start to type, the browser will display a dropdown list below the text input. This list contains the values I previous used for this text input in this browser. I want to generate my own autocompletion via ajax.

How do I tell the browser with either css or javascript to not generate this dropdownlist.

If this task is easier by using jquery, I would prefer such a solution.

Answer 1

Both IE and Firefox (maybe others, I didn't research it much) support the autocomplete attribute. If you set it to "off" these browsers will no longer display the autocompletion.

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