Safari-only search field? (pics)

[ShadowTech]

Hi,

Some of you might have seen this kind of search box on other sites before, but I think I first saw it on Facebook.

As you can see, in Safari only (to my knowledge, at least) you will get a nice rounded search box, plus history if you click the down arrow. Also, you get a little "x" on the right hand side to cancel your seach.

Is this specifically implemented for the Safari browser, or is it just the way Safari interprets the coding?

Just curious, I think it's pretty cool.

 

[magilum]

Interestingly, I've never looked at it carefully before.

<form name="simple" action="/en/search/index" method="get">
<input type="hidden" name="srch" value="Search">
<input type="hidden" name="big" value="1">
<input type="hidden" name="k_mode" value="any">
<br><br><b><font style="color:#FFFFFF">Search:</font></b>
<input type="search"  results=16 autosave=photoscom placeholder="Search" name="k_var" size="20" value="">&nbsp;<input type="submit" value="Go" >
<br><img src="http://static-p.arttoday.com/d/photos/images/spacer.gif" width="1" height="4">
</form>

I pulled this code from photos.com, where the search box displays the same behavior in Safari (but not Firefox). Tinkering with the code, it seems that the "search" used in the type parameter causes the rounded sides, and the results parameter determines the length of the search history.

Here's more:
http://andrewescobar.com/archive/2005/06/02/search-field-history/

 

[texanpenguin]

There's a neat little JavaScript which allows you to serve up the Search box only for Safari users, and to provide a text box for other browsers:

http://tests.themasta.com/safari/


Edit: This allows these things to validate.

 

[Captain Code]

That's cool, I guess you could do it with a server side script as well.

 

[ShadowTech]

Here's more:
http://andrewescobar.com/archive/2005/06/02/search-field-history/

Thanks for that link, I was actually able to use that guide to upgrade the search function on my personal site.