Az űrlapok beadási címkéjének használata
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.
-
- Az INPUT gomb gombja ugyanazokat a lehetőségeket kínálja, mint a kép INPUT címke, de inkább hasonlít a szokásos benyújtási típushoz. Aktiválásra van szüksége a JavaScripthez.
-
- A COMMAND elem új a HTML5-ben, és lehetőséget biztosít a parancsfájlok és űrlapok aktiválására. Aktiválva van a JavaScript használatával.
Az INPUT elem
Az INPUT 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és), és ha szükséges, adj hozzá néhány szkriptet, hogy elküldhesse az űrlapot.
Az elem ugyanú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 a "Küldés lekérdezés" üzenetet adja meg. A gomb megnyomásával megváltoztathat egy attribútumot:
value = "Űrlap küldése">
Az elem ilyen módon van írva, de ha elhagyja az összes többi attribútumot, mindaz, ami megjelenik a böngészőkben, egy üres szürke gomb. Szöveg hozzáadása a gombhoz használja az érték attribútumot. De ez a gomb nem küldi el az űrlapot, hacsak nem használja a JavaScriptet.
onclick = "nyújtson ();">
Ez hasonlít a gomb típusához, amelyhez az űrlap elküldéséhez scriptre van szükség. Kivéve, hogy a szövegérték helyett egy képforrás URL-t kell hozzáadnia.
src = "submit.gif">
A GOMB elem
A GOMB elemhez egy nyitó címke és egy záró címke is szükséges. Ha használja, a címkén belüli bármely 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.
Űrlap küldése
A COMMAND elem
A COMMAND elem új a HTML5-vel. Nem igényel formanyomtatványt, de az űrlap elküldésének gombja lehet. 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, az információt egy címke attribútumba írja.
címke = "Űrlap küldése">
Ha azt szeretné, hogy a parancs megjelenjen egy képen, akkor használja az ikon attribútumot.
icon = "submit.gif">
Ez a cikk a HTML Űrlapok bemutatójának része. Olvassa el a teljes oktatóprogramot, hogy megtanulják használni a HTML űrlapokat.
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ő az INPUT címke és a GOMB címke. Jó okok vannak arra, hogy mindkét elemet használjuk.
Az INPUT elem
A címke a forma legegyszerűbb módja. Ehhez nem szükséges sem a címke, sem az érték. Amikor egy ügyfél a gombra kattint, automatikusan elküldi. Nem kell szkriptet hozzáadnia, a böngészők tudják, hogy elküldik az űrlapot, ha az INPUT címke beküldésére 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 az INPUT módszert, ha az űrlapnak olyan böngészőkben is elérhetőnek kell lennie, amelyeknek a JavaScript ki van kapcsolva.
A GOMB elem
A GOMB elem több lehetőséget kínál az űrlapok benyújtására. Buttson bármit a GOMB elem belsejébe, és mutasson be egy submit gombra. Leggyakrabban az emberek képeket és szöveget használnak. De létrehozhatsz egy DIV-t, és ezt a teljes bejegyzést elküldheted, ha akarod.
A BUTTON elem legnagyobb hátránya, hogy nem nyújtja be automatikusan az űrlapot. Ez azt jelenti, hogy valamilyen típusú parancsfájl szükséges aktiválni. Így kevésbé elérhető, mint az INPUT módszer. Bármely felhasználó, akinek nincs bekapcsolva a JavaScriptje, csak a BUTTON elemet tartalmazó űrlapot küldheti be.
Használja a GOMB módot olyan formákon, amelyek nem olyan kritikusak. Továbbá, ez egy nagyszerű módja annak, hogy további formanyomtatványokat adjunk hozzá.
Ez a cikk a HTML Űrlapok bemutatójának része . Olvassa el, ha többet szeretne megtudni a HTML űrlapok használatáról