HTML DOM Input Search-objekti

Input Search -objekti

Input Search -objekti on uusi objekti HTML5:ssä.

Input Search -objekti edustaa HTML <input type="search"> -elementtiä.

Huomautus:Internet Explorer 9 (ja aikaisemmat versiot) tai Safari eivät tue <input type="search"> -elementtiä.

Vieritä Input Search -objektiin

Voit käyttää getElementById() -funktiota saadaksesi pääsy <search> -elementtiin:

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

Kokeile itse

Luo Input Search-objekti

Voit luoda <search>-elementin käyttämällä document.createElement() -metodia:

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

Kokeile itse

Input Search-objektin ominaisuudet

Ominaisuudet Kuvaus
autocomplete Asettaa tai palauttaa etsintäkentän autocomplete-ominaisuuden arvon.
autofocus Asettaa tai palauttaa, tulisiko etsintäkentälle antaa fokkus automaattisesti sivun lataamisen jälkeen.
defaultValue Asettaa tai palauttaa etsintäkentän oletusarvon.
disabled Asettaa tai palauttaa, onko etsintäkenttä käytöstä poissa.
form Palauttaa viittauksen sisältävään etsintäkenttään olevaan lomakkeeseen.
list Palauttaa viittauksen sisältävään etsintäkenttään datalist-elementissä.
maxLength Asettaa tai palauttaa etsintäkentän maxLength-ominaisuuden arvon.
name Asettaa tai palauttaa etsintäkentän name-ominaisuuden arvon.
pattern Asettaa tai palauttaa etsintäkentän pattern-ominaisuuden arvon.
placeholder Asettaa tai palauttaa etsintäkentän placeholder-ominaisuuden arvon.
readOnly Asettaa tai palauttaa, onko etsintäkenttä kirjoitussuojattu.
required Asettaa tai palauttaa, onko etsintäkenttä pakollinen ennen lomakkeen lähettämistä.
size Asettaa tai palauttaa etsintäkentän size-ominaisuuden arvon.
step Asettaa tai palauttaa etsintäkentän step-ominaisuuden arvon.
type Palauttaa etsintäkentän lomakkeen elementtityypin.
value Asettaa tai palauttaa etsintäkentän value-ominaisuuden arvon.

Input Search-objektin metodit

Metodi Kuvaus
blur() Poistaa fokuksen etsintäkentästä.
focus() Antaa fokuksen etsintäkentälle.
select() Valita etsintäkentän sisältö.

Standardiominaisuuksia ja tapahtumia

Input Search-objekti tukee standardejaOminaisuudetjaTapahtumat

Liittyvät sivut

HTML ohje:HTML-lomake

HTML viittausopas:HTML <input>-elementti

HTML viittausopas:HTML <input> type-ominaisuus