Input type: search

È possibile utilizzare l'elemento input con type=search per creare un campo di ricerca. Questo campo è, ovviamente, un campo libero nel senso che non impone nessun pattern.

Safari su Mac OS X e il type search

Nella maggior parte dei browser non c'è alcuna differenza tra un campo di tipo text e un campo search, ma in Safari su Mac OS X abbiamo un comportamento particolare:

1. Visivamente l'input ha i bordi arrotondati.
2. Se scriviamo qualcosa nel campo compare una piccola X sulla destra che, se cliccata, svuota il campo.

Esempi d'uso

Ecco un semplice esempio per implementare questo tipo di input:

<form name="ricerca" method="post" action="/search">
  <label> Parola chiave:
    <input type="search" autocomplete="on" placeholder="article, section, ..." name="keyword" required maxlength="50">
  </label>
  <input type="submit" value="Ricerca">
</form>

Come detto precedentemente, questo codice nella maggior parte dei browser produce visivamente un normale <input type="text">.

Tabella del supporto sui browser

Form: nuovi tipi di input
search	No	4.0+	2.0+	2.0+	11.0+