Welcome to WebmasterWorld Guest from 3.209.80.87

Forum Moderators: travelin cat

Message Too Old, No Replies

Safari's search HTML form element

<input type="search" />

     
12:48 pm on Mar 6, 2006 (gmt 0)

Full Member

10+ Year Member

joined:July 27, 2005
posts:329
votes: 0


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!

12:10 pm on Mar 7, 2006 (gmt 0)

Full Member

10+ Year Member

joined:July 27, 2005
posts:329
votes: 0


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?
9:57 pm on Mar 7, 2006 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member whoisgregg is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Dec 9, 2003
posts:3416
votes: 0


Is the field wide enough?
5:21 pm on Mar 8, 2006 (gmt 0)

Full Member

10+ Year Member

joined:July 27, 2005
posts:329
votes: 0


Hi whoisgregg. I have increased the input box width to 200px for testing puposes and still no magnifying glass.
6:03 pm on Mar 8, 2006 (gmt 0)

Senior Member from US 

WebmasterWorld Senior Member whoisgregg is a WebmasterWorld Top Contributor of All Time 10+ Year Member

joined:Dec 9, 2003
posts:3416
votes: 0


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

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

2:47 pm on Mar 9, 2006 (gmt 0)

Full Member

10+ Year Member

joined:July 27, 2005
posts:329
votes: 0


Thanks, that works