HTML DOM Input Luku Objekti

Number-objekti

Number-objekti on uusi objekti HTML5:ssä.

Number-objekti edustaa HTML <input type="number">-elementtiä.

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

Käyksyt Number-objektin kautta

Voit käyttää getElementById() -metodia päästäksesi <number>-elementtiin:

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

Kokeile itse

Vinkki:Voit myös käydä läpi lomakkeen Elementit-yhdistelmä Käyksyt Number-objektin kautta.

Luo Number-objekti

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

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

Kokeile itse

Number-objekti ominaisuudet

Ominaisuudet Kuvaus
autocomplete Aseta tai palauta number-kentän autocomplete-ominaisuuden arvo.
autofocus Aseta tai palauta, tulisiko number -kentälle antaa automaattisesti keskittyminen sivun lataamisen jälkeen.
defaultValue Aseta tai palauta number -kentän oletusarvo.
disabled Aseta tai palauta, onko number -kenttä poissa käytöstä.
form Palauta viittaus number -kentän sisältämään lomakkeeseen.
list Palauta viittaus number -kentän sisältämään datalistiin.
max Aseta tai palauta number -kentän max -ominaisuuden arvo.
min Aseta tai palauta number -kentän min -ominaisuuden arvo.
name Aseta tai palauta number -kentän name -ominaisuuden arvo.
placeholder Aseta tai palauta number -kentän placeholder -ominaisuuden arvo.
readOnly Aseta tai palauta, onko number -kenttä luettu.
required Aseta tai palauta, onko number -kenttä pakollinen ennen lomakkeen lähettämistä.
step Aseta tai palauta number -kentän step -ominaisuuden arvo.
type Palauta number -kentän lomakkeen elementin tyyppi.
value Aseta tai palauta number -kentän value -ominaisuuden arvo.

Input Number -objektin metodit

Metodi Kuvaus
select() Valitse number -tekstikentän sisältö.
stepDown() Vähennä number -kentän arvoa määritetyn numeron avulla.
stepUp() Lisää number -kentän arvoa määritetyn numeron avulla.

Standardiominaisuudet ja tapahtumat

Number-objekti tukee standardejaOminaisuudetjaTapahtumat.

Liittyvät sivut

HTML oppitunnit:HTML lomake

HTML viittausoppikirja:HTML <input> -tagi

HTML viittausoppikirja:HTML <input> type -ominaisuus