Input žymė
input žymė sukuria įvairius
HTML formos elementus: paprastą įvesties lauką, slaptažodžio lauką,
varnelę checkbox (čekboksą),
radio mygtukus (radijo mygtukus), mygtuką.
input žymė turi būti form žymės viduje.
Tai nėra privaloma, bet būtina norint išsiųsti duomenis į serverį ir vėliau juos apdoroti naudojant PHP.
Nereikalauja uždarančios žymės.
Atributai
| Atributas | Aprašas |
|---|---|
type |
Nustato įvesties lauko tipą. Variantai žr. toliau. |
value |
Numatytoji reikšmė įvesties lauke. Mygtuko atveju nustato jo tekstą.
Išsamiau žr. atributą value.
|
placeholder |
Užuomina įvesties lauke, išsamiau žr.
atributą placeholder.
|
name |
Įvesties lauko vardas. Reikalingas norint gauti įvesties lauko duomenis PHP. Kad forma veiktų teisingai, įvesties laukų vardai neturi sutapti vienas su kitu (vienoje formoje). Jei jie sutaps - PHP ateis duomenys to įvesties lauko, kuris yra žemiau HTML kode. |
disabled |
Blokuoja formos elementą (ne tik input, bet ir beveik bet kurį kitą),
išsamiau žr. atributą disabled.
|
Atributo type reikšmės
| Reikšmė | Aprašas |
|---|---|
text |
Sukuria paprastą teksto įvesties lauką. |
password |
Sukuria teksto įvesties lauką slaptažodžiui. Pabandykite į jį įvesti tekstą - jis bus rodomas žvaigždutėmis. |
checkbox |
Sukuria varnelę čekboksą.
Išsamiau žr. checkbox.
|
radio |
Sukuria radijo perjungiklį.
Išsamiau žr. radio.
|
hidden |
Sukuria paslėptą input lauką, kuris nebus matomas ekrane, bet siųs į serverį
atribute value esančius duomenis.
|
button |
Sukuria mygtuką. Šio mygtuko paspaudimas
nesiųs formos į serverį. Jis gali būti naudojamas
nuorodos viduje arba per JavaScript.
Pagal nutylėjimą mygtukas neturi teksto (mygtuko be teksto pavyzdys: ),
jis nustatomas naudojant value.
Taip pat žr. žymę button,
kuri taip pat sukuria mygtuką.
|
submit |
Sukuria mygtuką, kuris siųs duomenis į serverį.
Mygtuko tekstas priklauso nuo naršyklės, jį galima pakeisti
naudojant value.
Taip pat žr. žymę button,
kuri taip pat sukuria mygtuką.
|
reset |
Sukuria mygtuką, kuris išvalo užpildytą formą.
Mygtuko tekstas priklauso nuo naršyklės, jį galima pakeisti
naudojant value.
|
file |
Sukuria failo pasirinkimo mygtuką. Šio mygtuko dizainą draudžiama keisti
per CSS (tačiau yra sudėtingi būdai). Jei jums reikia tokio lauko formoje, tai
form žymė turi turėti atributą
enctype su reikšme multipart/form-data.
|
Naujos HTML5 atributo type reikšmės
Šios atributo reikšmės yra naujos, atsirado tik HTML5, todėl kai kuriose naršyklėse jos gali neveikti arba veikti skirtingai skirtingose naršyklėse.
Jei naršyklė negali suprasti atributo
type turinio (pavyzdžiui, jei jis
nepalaikomas arba klaidingai įvestas),
ji laikys elementą paprastu teksto
input lauku, tarsi type būtų nustatyta reikšmė
text.
Pažiūrėkite toliau pateiktus pavyzdžius
skirtingose naršyklėse. Pabandykite įvesti
į input laukus tekstą ir paspauskite siuntimo mygtuką.
Jei tekstas neteisingas arba laukas tuščias -
naršyklė išduos klaidą. Pavyzdžiui, jei į
lauką su tipu email įvestas neteisingas
el. pašto adresas - naršyklė neleis siųsti formos ir
parodys klaidos pranešimą (klaidos tekstą
ir jos išvaizdą html css keisti negalima).
Jei laukas tuščias - naršyklė taip pat išduos klaidą,
tai pasiekiama naudojant atributą required:
| Reikšmė | Aprašas |
|---|---|
email |
|
number |
|
url |
|
tel |
|
search |
|
color |
|
date |
|
month |
|
week |
|
datetime |
|
datetime-local |
|
range |
