TFeri.hu

input-tag PDF Nyomtatás E-mail
  

<input> tag

Jelentése: beviteli mező (input field) a kérdőívekben

Leírása: az INPUT elem egy beviteli mezőt ad meg, ahol a felhasználó szabadon vihet be (szöveges) adatokat a kérdőívekbe.

Különbség HTML 4.01 és 5 között: az ALIGN attribútum elavult volt a HTML 4.01-ben, így a HTML 5 már nem támogatja. Számos új attribútum és lehetséges érték került bevezetésre.

Hagyományos attribútumok: minden hagyományos attribútum támogatott.
Eseményekhez köthető attribútumok: minden eseményekhez köthető attribútum támogatott.

 

Attribútum

Érték

Leírás

accept

mime-típusok listája

Vesszővel elválasztott MIME-típusok felsorolása, amely meghatározza az adatátvitelhez használt MIME típusokat.
Csak type=”file” esetén használható.

alt

szöveg

Képet helyettesítő szöveg.
Csak type=”image” esetén használható.

autocomplete

on, off

Új! Az ON megengedi a böngészőknek, hogy a mező értékét automatikusan kiegészítsék (ha van ilyen a cache-ben), míg az OFF megtiltja a tárolást.

autofocus

autofocus

Új! Ezt a beviteli mezőt teszi aktívvá, ha az oldal betöltődik.
Nem használható, ha type=”hidden”.

checked

checked

Jelzi, hogy az elemet első betöltéskor ellenőrizni kell. Csak type=”checkbox”, valamint type=”radio” esetén használható.

disabled

disabled

Letiltja a bevitelt ebben az INPUT mezőben. Nem használható, ha type=”hidden”.

form

form_neve

Új! Beviteli form (mező) neve.

formaction

URL

Új! Valódi URL, amelyre küldi a beviteli mező értékét. Az egész FORM ACTION attribútumát felülírja.

formenctype

futtatható alkalmazás, form-adat, sima szöveg

Új! A form adatainak (MIME) kódolási típusa. Az egész FORM ENCTYPE attribútumát felülírja.

formmethod

get, post, put, delete

Új! Az URL elküldéséhez használt eljárás. Az egész FORM METHOD attribútumát felülírja.

formnovalidate

true, false

Új! Ha létezik, akkor a mező nem kerül elküldéskor ellenőrzésre. Felülírja a FORM NOVALIDATE attribútumát.

formtarget

_blank, _self, _parent, _top

Új! A cél-URL megnyitási helye. Értékek:
_blank: új ablak vagy fül.

_parent: a szülő-dokumentumban nyílik meg a cél-URL.

_self: az eredeti ablak. (Alapértelmezett)

_top: a cél-URL az ablak tetején nyílik meg.
Felülírja a FORM TARGET attribútumát.

height

%, képpont

Új! A beviteli mező magassága.

list

Adatlista azonosítója

Új! Adatlista elemre való hivatkozás. Ha meg van adva, akkor egy legördülő lista jelenik meg az előre megadott lehetőségekből.

max

szám

Új! Az INPUT mező maximális értéke.

maxlength

szám

A szöveges beviteli mezőben megadott karakterek maximális hossza.

min

szám

Új! Az INPUT mező minimális értéke.

multiple

multiple

Új! Ha engedélyezett, akkor lehetséges a többszörös választás is.

name

mezőnév

Az INPUT mező egyedi neve.

pattern

JavaScript Pattern

Új! Az INPUT mező beviteli mintája. Például: pattern=”[0-9]” jelentése: számjegy 0 és 9 között.

placeholder

szöveg

Új! Tippet ad a felhasználónak az INPUT mező kitöltéséhez.

readonly

readonly

A mező nem változtatható.

required

required

Új! Kötelezően kitöltendő mező. Nem használható a következő típusoknál: hidden image, button, submit és reset.

size

karakterek száma

Látható karakterek száma.

src

URL

Megjelenítendő kép URL-je. Csak type=”image” esetén használható.

step

szám, bármi más

Új! Használható, ha type=date, datetime, datetime-local, month, week, time, number vagy range.

type

button
checkbox
color
date
datetime
datetime-local
email
file
hidden
image
month
number
password
radio
range
reset
search
submit
tel
text
time
url
week

Az INPUT elem típusának meghatározása. Alapértelmezett: TEXT.

value

érték

Gomboknál: a gomb szövege.
Képeknél: az adatátvitel szimbolikus eredménye.
Checkbox-nál és választógomboknál (radio): A kattintás eredménye.
Jelszó, rejtett és szövegmezőknél: az elem alapértelmezett értéke.
Megjegyzés: nem használható type=”file” esetén. Kötelező használni, ha type=”checkbox” vagy type=”radio”.

width

%, képpont

Az INPUT mező szélessége.

Megjegyzés: Az INPUT egy üres elem, számos attribútumot tartalmaz.

Minta:

<form action="adatlap.php" method="get">
Teljes név: <input type="text" name="fullname" /><br />
E-mail: <input type="text" name="postacim" /><br />
<input type="submit" value="Mehet!" />
</form>

 
Ulti Clocks content

Programleírások

Hirdetés