Safari-only search field? (pics)

ShadowTech

Registered
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.

screenshot15ww.jpg


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

Code:
<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/
 
Back
Top