CSS Kochbuch

7.7 Textfeld für Sucheinträge im Macintosh-Stil

Problem

Ein Suchfeld im Safari-Browser soll im Macintosh-eigenen Stil dargestellt werden, wie in Abbildung 7-8 gezeigt.

Lösung

Verwenden Sie die Safari-eigenen HTML-Erweiterungen.

Versehen Sie ein HTML-Formular mit einem Eingabeelement, und setzen Sie den Wert für das Attribut type auf search:

<form method="get" action="/search.php">
<div>
<label for="q">Suchen</label>
<input type="search" placeholder="keywords"

autosave="com.domain.search" results="7" name="q" />
</div>
</form>

Abbildung 7-8. Das Safari-eigene Suchfeld

Diskussion

Apples Safari-Entwickler haben eine Erweiterung für HTML-Formulare entwickelt, ...