HTML žymė - input

Lukas

input žymė yra naudojama vartotojo duomenų įvedimui. Įvedimo laukai HTML kalboje gali būti skirtingi: paprastas teksto laukas, pasirinkimas vieno iš kelių galimų, pasirinkimas kelių iš visų, radio mygtukas, paprastas mygtukas, paslėptas laukas ir t.t. Kartu su žyme <input> patartina naudoti žymę <label>, kurioje reikia nurodyti įvedimo lauko etiketę, antraštę.

Pavyzdys

<html>
<body>
<form name="input" action="grazina_get_post_pavyzdziams.php"
method="get">
Naršyklė:
<select name="narsykle">
 <option value="FireFox">FireFox</option>
 <option value="Opera">Opera</option>
 <option value="Safari">Safari</option>
</select>
<br /><br />
Radio mygtukai su vienu galimu, dėl vienodos name atributo reikšmės:
<br />
Lytis:
<input type="radio" name="lytis" value="moteris" />moteris
<input type="radio" name="lytis" value="vyras" />vyras
<br /><br />
Radio mygtukai su keliais galimais:
<br />
Lytis:
<input type="radio" name="lytis_1" value="moteris" />moteris
<input type="radio" name="lytis_2" value="vyras" />vyras
<br /><br />
Teksto įvedimo laukas:
<br />
Vardas: 
<input type="text" name="vardas">
<input type="submit" value="Siųsti">
</form>
</body>
</html>

Naršyklių palaikymas

input žymę palaiko visos pagrindinės naršyklės.

Skirtumas tarp html ir xhtml

HTML kalboje <input> žymė yra neuždaryta

xHTML kalboje <input /> žymė yra pati save uždaranti

input žymės atributai

Atributas	Reikšmė	Aprašymas	DTD
*Papildomi atributai*
accept	MIME_tipas	Nurodo kokio tipo failus galima pateikti serveriui. Galioja tik kai atributo type reikšmė yra file	STF
align	left right top middle bottom	Nevartotinas. Naudokite CSS stilius. Nurodo paveikslėlio lygiavimą. Veikia tik kai atributo type reikšmė yra image	TF
alt	tekstas	Nurodo alternatyvų tekstą. Naudokite tik tada, kai atributo type reikšmė yra image	STF
checked	checked	Nurodo užkrauti šį elementą iškarto pažymėtą. Naudoti kartu su atributo type reikšmėmis radio arba checkbox	STF
disabled	disabled	Nurodo, kad elementas yra išjungtas. Vartotojui neišeis pakeisti jo reikšmės	STF
maxlength	skaičius	Nurodo kiek maksimaliai simbolių bus galima įrašyti. Tik su type atributo reikšmėmis text arba password	STF
name	vardas	Nurodo lauko vardą	STF
readonly	readonly	Nurodo, kad šis laukas yra skirtas tik skaitymui, jo reikšmė bus nekeičiama	STF
size	skaičius	Nurodo įvedimo lauko plotį	STF
src	URL	Nurodo kelią iki paveikslėlio, kai naudojame atributą type su reikšme image	STF
type	button checkbox file hidden image password radio reset submit text	Nurodo įvedimo lauko tipą	STF
value	reikšmė	Nurodo elemento reikšmę	STF
Standartiniai atributai
accesskey	simbolis	Priskiria elementui klaviatūros greitąją komandą (shortcut)	STF
class	klasės_vardas	Nurodo kokiai klasei priklauso elementas	STF
dir	rtl ltr	Nurodo teksto kryptį elemente ltr (left to right) - iš kairės i dešinę, rtl (right to left) - iš dešinės į kairę	STF
id	id	Nurodo unikalų elemento id numerį ar pavadinimą	STF
lang	kalbos_kodas	Nurodo kalbos kodą, jei reikia nurodyti kokia kalba yra pateiktas elemento turinys	STF
style	stiliaus_taisyklės (css)	Nurodo vidinį elemento stilių naudojant css stiliaus taisykles	STF
tabindex	skaičius	Nurodo kortelių tvarką elemente	STF
title	tekstas	Nurodo papildomą elemento informaciją	STF
xml:lang	kalbos_kodas	Nurodo kalbos kodą xhtml dokumento elemento turiniui	STF

Paaiškinimai: DTD indeksas - nurodo su kokiais dokumentų tipais galime naudoti konkretų atributą. S - Strict, T - Transitional, F - Frameset

žiūrėti visus standartinius atributus

input žymės įvykiai

Atributas	Reikšmė	Aprašymas
onblur	skriptas	Skriptas bus vykdomas, kai vartotojas nebebus sufokusavęs žymeklio ant elemento
onchange	skriptas	Skriptas bus vykdomas, kai vartotojas padarys elemente pakeitimus
onclick	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus su pele ant elemento
ondblclick	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus su pele du kartus ant elemento
onfocus	skriptas	Skriptas bus vykdomas, kai vartotojas sufokusuos žymeklį ant elemento
onmousedown	skriptas	Skriptas bus vykdomas, kai vartotojas įspaus pelės mygtuką
onmousemove	skriptas	Skriptas bus vykdomas, kai vartotojas su pele užeis ant elemento
onmouseout	skriptas	Skriptas bus vykdomas, kai vartotojas su pele nueis nuo elemento
onmouseover	skriptas	Skriptas bus vykdomas, kai vartotojas su pele judės ant elemento
onmouseup	skriptas	Skriptas bus vykdomas, kai vartotojas atleis įspaustą pelės mygtuką
onkeydown	skriptas	Skriptas bus vykdomas, kai vartotojas įspaus mygtuką su klaviatūra
onkeypress	skriptas	Skriptas bus vykdomas, kai vartotojas paspaus ir atleis mygtuką su klaviatūra
onkeyup	skriptas	Skriptas bus vykdomas, kai vartotojas atleis paspaustą mygtuką su klaviatūra
onselect	skriptas	Skriptas bus vykdomas, kai vartotojas pasirinks tą elementą