Az <input> attribútumai

Az <input> elemhez számos attribútum áll rendelkezésre, amelyek meghatározzák a viselkedését és a felhasználói élményt. Ezek az attribútumok lehetővé teszik, hogy korlátozzuk, testre szabjuk vagy előre kitöltsük az űrlapmezőket.

name

A 'name' attribútum határozza meg, milyen kulcsnévvel kerül elküldésre az adott mező értéke. Ez a backend oldalon is ezt a nevet használja majd az adat azonosításához.

value

A 'value' attribútum előre kitölti az űrlapmezőt egy alapértelmezett értékkel. Ha nincs megadva, a mező alapból üres lesz.

placeholder

A 'placeholder' egy segítő szöveg, amely a mezőben jelenik meg, amíg a felhasználó nem kezd el gépelni. Ez nem valódi érték, csak vizuális útmutatás.

required

A 'required' attribútum azt jelzi, hogy a mezőt kötelező kitölteni. A böngésző nem engedi az űrlap elküldését, ha ez a mező üresen marad.

readonly

A 'readonly' attribútum esetén a mező csak olvasható, azaz a felhasználó nem módosíthatja a tartalmát. Az érték viszont elküldésre kerülhet az űrlappal.

disabled

A 'disabled' attribútummal rendelkező mezők teljesen inaktívak. Nem lehet rájuk kattintani, értéküket nem lehet módosítani, és nem is küldődnek el az űrlappal.

maxlength

A 'maxlength' korlátozza, hogy a felhasználó legfeljebb hány karaktert gépelhet be az adott mezőbe. Ez különösen hasznos, ha az adatbázisban fix hosszúságú mezők vannak.

pattern

A 'pattern' attribútum egy reguláris kifejezés segítségével határozza meg, milyen formátumú szöveget engedélyez a mező. Ez egyfajta mintaalapú validációt tesz lehetővé.

autocomplete

Az 'autocomplete' lehetővé teszi vagy tiltja a böngésző számára, hogy korábban megadott értékek alapján javaslatokat kínáljon a felhasználónak. Értéke lehet 'on' vagy 'off'.

autofocus

Az 'autofocus' attribútum automatikusan az adott mezőre fókuszál, amikor az oldal betöltődik. Ezt az attribútumot csak egyetlen mezőn szabad használni az oldalon.