mac os x stijl-zoekbalk

Ik ben op zoek hoe je een mac os x stijl input type text veld kun maken. vb http://www.apple.com/ onderaan > search apple

Ze gebruiken daarvoor de volgende code: [code:1:53835649f6]<input type="search" name="q" placeholder="Search Apple.com" autosave="Apple Downloads" results="5" class="sbox" id="q">[/code:1:53835649f6]

Waarvoor type=“search” voor die mooie zoekbalk staat, en autosave en results voor het opslaan van voorgaande zoekacties.

Dat snapt hij denk ik ook wel ;).

Je moet in CSS je input stylen, er zal vast wel ergens een tutorial over zijn :).

Hoe ziet die zoekbalk er eigenlijk uit in andere browsers dan Safari, laten we zeggen IE? Is het dan gewoon rechthoekig?

Windows FireFox: [img:e0487542f0]http://forum.macosx.nl/album_pic.php?pic_id=12882[/img:e0487542f0]

Windows IE:
[img:e0487542f0]http://forum.macosx.nl/album_pic.php?pic_id=12883[/img:e0487542f0]

Als je dan toch een Apple-like zoekscherm wil hebben kun je hem beter stylen zoals hij gedaan is in Safari naast de adresbalk.
Volgens mij kun je ook wel een adresbalk stylen dmv images?

Wellicht heb je hier wat aan, is ook mooi. http://www.bartelme.at/journal_detail.php?detail=236

asls je gewoon een zoekbalk in flash maakt?? Dan ziet iedereen hem goed. Of kan dat niet??/

Je kan uiteraard gewoon een plaatje als achtergrond instellen en je invoerveld geen border en een witte achtergrond geven. Combineer dat met wat browsers-specifieke css en dit zoekveld ziet er overal hetzelfde uit.

Zo dus: [code:1:7f6e78e615]<input type="search" />[/code:1:7f6e78e615]

Het beste is met JavaScript: als de bezoeker Safari heeft, laad dan bovenstaande code, anders: laad deze afbeeldingen. Nog conform aan de webstandaarden ook :slight_smile: