HTML formátumú beviteli címke és gombcímke használata

Az attribútumtípust "gomb" -ra állítva egyszerű kattintógomb keletkezik. Megadhatja a gombon megjelenő szöveget, például a "Küldés" értéket az érték attribútum használatával.

Például:

Ügyeljen arra, hogy a címke nem küld HTML formát; a formanyomtatványok kezeléséhez továbbra is JavaScriptre kell kiterjednie. JavaScript- onclick esemény nélkül a gomb kattintva jelenik meg, de semmi sem fog történni, és csalódást okozhat olvasói számára.

A & lt; gomb & gt; Tag Alternative

Bár a gomb létrehozásához használt beviteli címke a céljának megfelelően működik, jobb lehetőség a címke használatára a webhely HTML gombjainak létrehozásához. A címke rugalmasabb, mivel lehetővé teszi a gombok számára a képek használatát (ami segít megőrizni a vizuális konzisztenciát, ha webhelye tervezési témát tartalmaz), és ez úgy definiálható, mint egy beadási vagy visszaállítási típusú gomb anélkül, hogy extra JavaScriptre lenne szüksége.

A címkékben meg kell adnod a gombtípus-attribútumot. Három különböző típus létezik:

• gomb - A gombnak nincs benne viselkedése, de a kliens oldalon futó parancsfájlokkal együtt használva, amely a gombhoz csatolható és végrehajtható a kattintáskor.
• reset - Visszaállítja az összes értéket.
• submit - A gomb formanyomtatványokat küld a kiszolgálónak (ez az alapértelmezett érték, ha nincs megadva típus).

Egyéb jellemzők:

• név - A gombhoz referenciát ad.
• érték - A gombhoz eredetileg hozzárendelt értéket határozza meg.
• tiltás - kikapcsolja a gombot.

A HTML5 hozzáad néhány további attribútumot a címkéhez, amely több funkciót nyújt.

• autofókusz - Az oldal betöltésekor ez adja meg, hogy ez a gomb a fókusz. Egy oldalra csak egy autofókusz használható.
• űrlap - A nyomógombot ugyanazon HTML dokumentumban lévő űrlaphoz társítja, az űrlap azonosítójaként értékként. Például:

Küldés

formaction - Csak a type = "submit" és az URL mint érték használata esetén, megadja az űrlapadatok küldését. Például:

Küldje el az űrlapadatokat egy másik oldalra

formenctype - Csak a type = "submit" attribútummal használható. Meghatározza, hogy miként kell kódolni az űrlapadatokat a kiszolgálónak történő elküldéskor. A három érték az alkalmazás / x-www-form-urlencoded (alapértelmezett), a több rész / formadat és a szöveg / sima.

formmethod - Csak a type = "submit" attribútummal használható. Ez megadja, hogy mely HTTP-módszer legyen használható az űrlapadatok elküldésekor, vagy kapjon vagy küldjön be.

formnovalidate - Csak a type = "submit" attribútummal használható. Az űrlapadatokat a benyújtáskor nem érvényesítik.

formtarget - csak a type = "submit" attribútummal használható. Ez azt jelzi, hogy a webhely válaszát mikor kell megjeleníteni az űrlapadatok benyújtásakor, például egy új ablakban stb. Az érték opciók _blank, _self, _parent, _top vagy egy adott keretnév .

Ha formanyomtatványokat használ, előfordulhat, hogy fel szeretne olvasni a HTML formátumú gombok készítéséről , és arról, hogyan lehet a webhelyet felhasználóbarátabbá tenni.