Praneškite apie mus:


HTML žymė - input

0

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<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>

 

pabandyk_pats

 

Naršyklių palaikymas

ie ff opera chrome safari

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
lt
r
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

AtributasReikš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ą

žiūrėti visus html įvykius


 

Perskaityta: 2572 kartų

Lukas
Autorius: Lukas
El. paštas.: Šis el. pašto adresas yra apsaugotas nuo spam botų. Jum reikalingas įjungtas Javasctipt kad jį matytumėte
Manualai.lt tinklo autorius ir administratorius. VDU Energetikos Fizikos ir Verslo Informatikos studentas. LinkedIn
Raktažodžiai
html    žymės   
Patinka straipsnis?
Komentarai

Komentarų nėra. Norėdami komentuoti turite prisijungti