HTML űrlapok (forms)

A HTML űrlapok lehetőséget adnak a felhasználóknak, hogy adatokat küldjenek be, például regisztrációhoz, kereséshez vagy üzenetküldéshez. Az űrlapok a weboldalak egyik leggyakoribb és legfontosabb elemei.

Az űrlap alapfelépítése

Egy HTML űrlapot a <form> elem hoz létre. Ez az elem határozza meg az adatküldés célját és módját. Az 'action' attribútum jelöli azt az URL-t, ahová az adatok kerülnek, míg a 'method' azt, hogy GET vagy POST kérés történjen.

Bemeneti mezők (input)

Az <input> elemek segítségével a felhasználó különböző típusú adatokat adhat meg: szöveg, e-mail, jelszó, checkbox vagy rádiógomb. A 'name' attribútum adja meg azt a kulcsot, amellyel az adat továbbításra kerül.

Többsoros szövegmező (textarea)

Ha hosszabb szövegbevitel szükséges, például üzenet, akkor a <textarea> elem használata javasolt. Be lehet állítani a sorok és oszlopok számát is a 'rows' és 'cols' attribútumokkal.

Legördülő menü (select)

A <select> elem lehetővé teszi, hogy a felhasználó egy vagy több előre meghatározott opció közül válasszon. Az egyes lehetőségeket <option> elemekkel adjuk meg.

Gombok (submit, reset)

A <button> elem használható az űrlap elküldésére (submit) vagy törlésére (reset). Fontos, hogy a 'type' attribútumot helyesen állítsuk be.

Gyakran használt attribútumok

A <input> és más mezők számos hasznos attribútummal rendelkeznek, például: 'placeholder' (segédszöveg), 'required' (kötelező), 'readonly' (csak olvasható), 'disabled' (letiltott). Ezek segítenek az űrlapok hatékonyabb és biztonságosabb működésében.