Safari's search HTML form element

<input type="search" />

[SilverLining]

Hi. I am looking at changing all my type="text" fields to type="search" where used for search functionality. This is treated as a cool search box on the Mac, which allows one to select search history from dropdown.

Is anyone aware of any problems with this not validating W3C XHTML compliant (depending on DTD used) or any other issues with Firefox / IE 7? Thanks in advance!

[SilverLining]

I've implemented <input type="search"> on all my search forms. On safari an 'x' appears on the right hand side of the input field (which should be clicked if one does not want to add the search to your browser history). However the Magnifying glass with the dropdown does not appear on the left hand side of the input field. Am I missing some code?

[whoisgregg]

Is the field wide enough?

[SilverLining]

Hi whoisgregg. I have increased the input box width to 200px for testing puposes and still no magnifying glass.

[whoisgregg]

Add these attributes to the <input type="search"> tag:

autosave="somenameyoupick-autosave" results="10"

[SilverLining]

Thanks, that works