HTML DOM Input Time-objekti
- Edellinen sivu input>text
- Seuraava sivu input>url
Input Time -olio
Input Time -olio edustaa type="time" -tyyppistä HTML <input>-elementtiä.
Huomautus:<input type="time"> ei näy oikeana aikakenttänä IE11 ja aikaisemmissa versioissa.
Input Time -olion pääsy
Voit käyttää getElementById() -funktiota päästäksesi type="time" -tyyppiseen <input>-elementtiin:
var x = document.getElementById("myTime");
Vinkki:Voit käyttää hakulomakkeen elements-kokoelmaa päästäksesi <input type="time">.
Luo Input Time-objekti
Voit luoda type="time" -tyyppisen<input>-elementin document.createElement() -menetelmällä:
var x = document.createElement("INPUT"); x.setAttribute("type", "time");
Input Time-objekti ominaisuudet
Ominaisuudet | Kuvaus |
---|---|
autocomplete | Aseta tai palauta aikakentän autocomplete-ominaisuuden arvo. |
autofocus | Aseta tai palauta, tulisiko aikakentälle antaa automaattisesti keskittyminen sivun lataamisen yhteydessä. |
defaultValue | Aseta tai palauta aikakentän oletusarvo. |
disabled | Aseta tai palauta, onko aikakenttä poissa käytöstä. |
form | Palauta viittaus aikakentän sisältämään lomakkeeseen. |
list | Palauta viittaus aikakentän sisältämään tietolistaan. |
max | Aseta tai palauta aikakentän max-ominaisuuden arvo. |
min | Aseta tai palauta aikakentän min-ominaisuuden arvo. |
name | Aseta tai palauta aikakentän name-ominaisuuden arvo. |
readOnly | Aseta tai palauta, onko aikakenttä lukuutettu. |
required | Aseta tai palauta, onko aikakenttä pakollinen ennen lomakkeen lähettämistä. |
step | Aseta tai palauta aikakentän step-ominaisuuden arvo. |
type | Palauta aikakentän muotoon liittyvä muotoilutekijä. |
value | Aseta tai palauta aikakentän value-ominaisuuden arvo. |
Input Time-objekti metodi
Metodi | Kuvaus |
---|---|
select() | Valitse aikakentän tekstisisältö. |
stepDown() | Vähennä tietty määrä arvoa aikakentän arvoon. |
stepUp() | Lisää tietty määrä arvoa aikakentän arvoon. |
Standardiominaisuudet ja tapahtumat
Input Time-objekti tukee sekä standardeja että tapahtumia.
Liittyvät sivut
HTML-opas: HTML-lomakkeet
HTML-referenssikirja: HTML<input>-tagi
HTML-referenssikirja: HTML<input>type-ominaisuus
- Edellinen sivu input>text
- Seuraava sivu input>url