Gombok létrehozása a HTML Input Tags segítségével a formákban

Testreszabható szöveggombokat hozhat létre a HTML-ben a címke. A elemet használunk a

elem.

Az attribútum beállításával típus a "gombra", egy egyszerű kattintógomb keletkezik. A gombbal meg lehet határozni a gombon megjelenő szöveget, például a "Küldés" -t érték tulajdonság.

Például:

Ne feledje, hogy a tag nem küld HTML formát; a formanyomtatványok kezeléséhez továbbra is JavaScriptre kell kiterjednie. JavaScript nélkül kattintásra esemény, a gombra kattintva kattintható, de semmi sem fog történni, és csalódást okozol az olvasóknak.

A

Bár a nyomó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 a weboldal HTML gombjainak létrehozásához. A a címke rugalmasabb, mivel lehetővé teszi a gombok használatát (amely segít megőrizni a vizuális konzisztenciát, ha webhelye tervezési témát tartalmaz), például a megjelenítéshez vagy a visszaállításhoz használható gomb nélkül, JavaScript.

Meg szeretné adni a gombot típus attribútum bármelyikben címkéket. Három különböző típus létezik:

gomb - A gombnak nincs benne viselkedése, de a kliensoldalon futó parancsfájlokkal együtt használva, amely a gombhoz csatolható és végrehajtható a kattintáskor.

Visszaállítás - Minden értéket visszaállít.

beküldése - 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 - Adja meg a gombnak a hivatkozási nevet.

érték - A gombhoz kezdetben hozzárendelt értéket határoz meg.

letiltása - Kikapcsolja a gombot.

A HTML5 további attribútumokat ad hozzá a
formaction - csak a type = "submit" és az URL mint érték, akkor megadja az űrlapadatok küldését. Például:

formenctype - csak a type = "submit" tulajdonság. 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 application / x-www-form-urlencoded (Alapértelmezett), multipart / form-data, és text / plain.

formmethod - csak a type = "submit" tulajdonság. Ez megadja, hogy mely HTTP-módszer használható az űrlapadatok elküldésekor kap vagy post.

formnovalidate - csak a type = "submit" tulajdonság. Az űrlapadatokat a benyújtáskor nem érvényesítik.

formtarget - csak a type = "submit" tulajdonság. 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 _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.