A HTML formák az egyik legegyszerűbb módja annak, hogy az interaktivitást hozzáadják a webhelyéhez. Kérdéseket tehet fel, kérdéseket tehet fel az olvasóktól, további információkat adhat az adatbázisokból, játékokat hozhat létre, stb. Számos HTML elemet lehet létrehozni az űrlapok elkészítéséhez. És miután elkészítette az űrlapot, sokféle módon küldheti el az adatokat a kiszolgálóra, vagy csak elindíthatja az űrlapmunka futását.
Számos módon küldheti el az űrlapokat:
-
- Ez a leggyakoribb módszer az adatok megszerzésére a szerverre, de nagyon egyszerű lehet.
-
- A kép használata nagyon egyszerűvé teszi a megjelenítési gombnak a webhely stílusához való illesztését. De egyesek nem ismerik el, mint beadási gombot.
-
- A gomb
BEMENET A címke ugyanazokat a lehetőségeket nyújtja, mint a kép
BEMENET tag, de jobban hasonlít a szokásos benyújtási típushoz. Aktiválásra van szüksége a JavaScripthez.
- A gomb
-
- A
GOMB A címke egy gomb sokoldalúbb, mint a
BEMENET címke. Ez a címke megkéri a Javacript aktiválását.
- A
- A
PARANCS elem új a HTML5-ben, és módot biztosít a parancsfájlok és űrlapok aktiválására. Aktiválva van a JavaScript használatával.
- A
Az INPUT elem
A bemenet
BEMENET elem az űrlap elküldésének legáltalánosabb módja, csak egy típus kiválasztása (
gomb,
kép, vagy
beküldése), és ha szükséges, adj hozzá néhány parancsfájlt, hogy elküldhesse az űrlapot.
A az elem így írható. De ha igen, különféle eredményeket kap különböző böngészőkben. A legtöbb böngésző létrehoz egy gombot, amely a "Küldés" -et mondja, de a Firefox olyan gombot ad, amely a "Kérés elküldése" szót adja. A gomb megnyomásával megváltoztathatod a következő attribútumot:
value = "Űrlap küldése">
Az elem így írt, de ha elhagyja az összes többi attribútumot, akkor mindazok, amelyek megjelenhetnek a böngészőkben, üres szürke gomb. Ha szöveget szeretne hozzáadni a gombhoz, használja a
értéktulajdonság. De ez a gomb nem küldi el az űrlapot, hacsak nem használja a JavaScriptet.
onclick = "nyújtson ();">
A hasonló a
gombtípus, amelyhez szkriptet kell kérni az űrlap elküldéséhez. Kivéve, hogy a szövegérték helyett egy képforrás URL-t kell hozzáadnia.
A gombelem
A
GOMBAz elemhez egy nyitócímke és egy zárócímke is szükséges. Ha ezt használja, a címkén belüli összes tartalom bekerül egy gombba. Ezután aktiválja a parancsfájlt.
Űrlap küldése
Beillesztheti a képeket a gombjába, vagy kombinálhatja a képeket és a szöveget egy érdekesebb gomb létrehozásához.
A parancselem
A
PARANCSelem új a HTML5-vel. Nem szükséges a
FORMA használható, de megjelenítheti a formanyomtatványt. Ez az elem lehetővé teszi, hogy több interaktív oldalt hozzon létre, anélkül, Ha azt szeretné, hogy a parancs mondjon valamit, akkor írja meg az adatokat a
címketulajdonság.
címke = "Űrlap küldése">
Ha azt szeretné, hogy a parancs megjelenjen egy képen, akkor a
ikontulajdonság.
icon = "submit.gif">
A HTML-formanyomtatványok több különböző módon is benyújthatók, amint azt az előző oldalon megtudtuk. E módszerek közül kettő a
BEMENETtag és a
GOMBcímke. Jó okok vannak arra, hogy mindkét elemet használjuk.
A beviteli elem
A címke a forma legegyszerűbb módja. Ehhez nem szükséges sem a címke, sem a
értékAmikor egy ügyfél rákattint a gombra, automatikusan elküldi. Nem kell szkriptet hozzáadnia, a böngészők tudják, hogy benyújtják az űrlapot, amikor elküldnek
BEMENETa címke kattint.
A probléma az, hogy ez a gomb nagyon csúnya és egyszerű. Nem adhat hozzá képeket hozzá. Úgy tetszik, mint bármely más elem, de még mindig úgy érzi, mintha egy csúnya gomb.
Használja a
BEMENETmódszer, amikor az űrlapnak olyan böngészőkben is elérhetőnek kell lennie, amelyeken a JavaScript ki van kapcsolva.
A GOMB elem
A
GOMBAz elem több lehetőséget kínál az űrlapok benyújtására. Bele tudsz tenni valamit a
GOMBelemet, és bekapcsoló gombként jelenítse meg. Leggyakrabban az emberek képeket és szöveget használnak. De létrehozhat egy
DIV és tedd azt az egészet egy beküldési gombra, ha akarod.
A legnagyobb hátránya a
GOMBAz elem az, hogy nem nyújtja be automatikusan az űrlapot. Ez azt jelenti, hogy valamilyen típusú parancsfájl szükséges aktiválni. És így kevésbé elérhető, mint a
BEMENETeljárás. Bármely felhasználó, aki nem rendelkezik a JavaScript bekapcsolt állapotával, csak akkor adhat be űrlapot, ha csak
GOMBelemet benyújtani.
Használja a
GOMBmódszereket olyan formákon, amelyek nem olyan kritikusak. Továbbá, ez egy nagyszerű módja annak, hogy további formanyomtatványokat adjunk hozzá.
