Oggetto Input Search DOM HTML

Oggetto Input Search

L'oggetto Input Search è un nuovo oggetto introdotto in HTML5.

L'oggetto Input Search rappresenta l'elemento HTML <input type="search">.

Nota:Internet Explorer 9 (e versioni precedenti) o Safari non supportano l'elemento <input type="search">.

Accedi all'oggetto Input Search

Puoi accedere all'elemento <search> utilizzando getElementById():

var x = document.getElementById("mySearch");

Prova tu stesso

Creazione dell'oggetto Input Search

Puoi creare l'elemento <search> utilizzando il metodo document.createElement():

var x = document.createElement("INPUT");
x.setAttribute("type", "search");

Prova tu stesso

Proprietà dell'oggetto Input Search

Proprietà Descrizione
autocomplete Imposta o restituisce il valore dell'attributo autocomplete del campo di ricerca.
autofocus Imposta o restituisce se il campo di ricerca dovrebbe ottenere automaticamente il fuoco dopo il caricamento della pagina.
defaultValue Imposta o restituisce il valore predefinito del campo di ricerca.
disabled Imposta o restituisce se il campo di ricerca è disabilitato.
form Restituisce un riferimento al modulo che contiene il campo di ricerca.
list Restituisce un riferimento al datalist che contiene il campo di ricerca.
maxLength Imposta o restituisce il valore dell'attributo maxLength del campo di ricerca.
name Imposta o restituisce il valore dell'attributo name del campo di ricerca.
pattern Imposta o restituisce il valore dell'attributo pattern del campo di ricerca.
placeholder Imposta o restituisce il valore dell'attributo placeholder del campo di ricerca.
readOnly Imposta o restituisce se il campo di ricerca è readonly.
required Imposta o restituisce se il campo di ricerca deve essere compilato prima di inviare il modulo.
size Imposta o restituisce il valore dell'attributo size del campo di ricerca.
step Imposta o restituisce il valore dell'attributo step del campo di ricerca.
type Restituisce il tipo di elemento del campo di ricerca.
value Imposta o restituisce il valore dell'attributo value del campo di ricerca.

Metodi dell'oggetto Input Search

Metodo Descrizione
blur() Rimuove il fuoco dal campo di ricerca.
focus() Dà il fuoco al campo di ricerca.
select() Seleziona il contenuto del campo di testo di ricerca.

Proprietà e eventi standard

L'oggetto Input Search supporta gli standardProprietàeEventi

Pagine correlate

Tutorial HTML:Modulo HTML

Manuale di riferimento HTML:Etichetta <input> HTML

Manuale di riferimento HTML:Proprietà type dell'<input> HTML