HTML DOM Asettelu-objekti

Input Range-objekti

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

Input Range-objekti edustaa HTML <input type="range"> -elementtiä.

Huomautus:Internet Explorer 9 ja aikaisemmat versiot eivät tue <input type="range"> -elementtiä.

Vieritä Input Range-objektia

Voit käyttää getElementById() -funktiota saadaksesi käyttöön <input type="range"> -elementin:

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

Kokeile itse

Vinkki:Voit myös käydä läpi lomakkeen elements-kokoelma saadaksesi pääsyn Input Range-objektiin.

Luo Input Range-objekti

Voit luoda <input type="range">-elementin käyttämällä document.createElement()-metodia:

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

Kokeile itse

Input Range-objektin ominaisuudet

Ominaisuudet Kuvaus
autocomplete Aseta tai palauta liukusäädinlaitteen autocomplete-ominaisuuden arvo.
autofocus Aseta tai palauta, tulisiko liukusäädinlaitteen saada automaattisesti keskittyminen sivun lataamisen jälkeen.
defaultValue Aseta tai palauta liukusäädinlaitteen oletusarvo.
disabled Aseta tai palauta, onko liukusäädinlaitteen estetty.
form Palauta viittaus lomakkeeseen, joka sisältää liukusäädinlaitteen.
list Palauta viittaus datalisteeseen, joka sisältää liukusäädinlaitteen.
max Aseta tai palauta liukusäädinlaitteen max-ominaisuuden arvo.
min Aseta tai palauta liukusäädinlaitteen min-ominaisuuden arvo.
name Aseta tai palauta liukusäädinlaitteen name-ominaisuuden arvo.
step Aseta tai palauta liukusäädinlaitteen step-ominaisuuden arvo.
type Palauta liukusäädinlaitteen lomakkeen elementtipyyntö.
value Aseta tai palauta liukusäädinlaitteen value-ominaisuuden arvo.

Input Range-objektin metodit

Metodi Kuvaus
stepDown() Vähennä arvoa liukusäädinlaitteen arvoon määritetyn numeron mukaan.
stepUp() Lisää arvoa liukusäädinlaitteen arvoon määritetyn numeron mukaan.

Standardiominaisuudet ja tapahtumat

Input Range-objekti tukee standardejaOminaisuudetjaTapahtumat.

Aiheeseen liittyvät sivut

HTML-opas:HTML-lomake

HTML viittausopas:HTML <input>-elementti

HTML viittausopas:HTML <input> type-ominaisuus