Skip to main content

Vytváranie tlačidiel pomocou značiek vstupu HTML vo formulároch

Anonim

Môžete vytvárať prispôsobiteľné textové tlačidlá v HTML pomocou tag. prvok sa používa v rámci a

element.

Nastavením atribútu typ na tlačidlo "," bude generované jednoduché klikacie tlačidlo. Môžete definovať text, ktorý sa zobrazí na tlačidle, napríklad "Odoslať", pomocou tlačidla hodnota atribútov.

Napríklad:

Majte na pamäti, že tag nebude odosielať formulár HTML; budete musieť zahrnúť JavaScript na spracovanie odosielania údajov o formulári. Bez JavaScript po kliknutí udalosť, tlačidlo sa zdá byť klikateľné, ale nič sa nestane, a budete mať frustrovaní vašich čitateľov.

Hoci používanie vstupnej značky na vytvorenie tlačidla funguje na jej účel, je lepšou voľbou použiť značku na vytvorenie tlačidiel HTML webových stránok. značka je flexibilnejšia, pretože umožňuje používať obrázky pre tlačidlo (ktoré vám pomôžu zachovať vizuálnu konzistenciu, ak má vaša stránka dizajnovú tému) a môže byť definovaná ako typ odoslania alebo resetovania tlačidla bez potreby ďalšieho JavaScript.

Budete chcieť špecifikovať tlačidlo typ atribút v ktoromkoľvek tagy. Existujú tri rôzne typy:

  • gombík - Tlačidlo nemá žiadne inherentné správanie, ale používa sa v spojení so skripty, ktoré sa spúšťajú na strane klienta, ktoré môžu byť pripojené k tlačidlu a vykonané po kliknutí.
  • resetovať - Obnoví všetky hodnoty.
  • Predložiť - Tlačidlo odosiela dáta formulára serveru (táto je predvolená hodnota, ak nie je definovaný žiadny typ).

Ďalšie atribúty zahŕňajú:

  • názov - Dáva tlačidlu referenčné meno.
  • hodnota - Určuje hodnotu, ktorá má byť pôvodne priradená tlačidlu.
  • zakázať - Vypnutie tlačidla.

HTML5 pridá niektoré ďalšie atribúty

  • formaction - Používa sa iba s type = "submit" a URL ako hodnotu, určuje, kde budú odoslané údaje formulára. Napríklad:
  • formenctype - Používa sa iba s type = "submit" atribútov. Definuje, ako majú byť údaje formulára zakódované po odoslaní na server. Tri hodnoty sú aplikácie / x-www-form-urlencoded (Default), multipart / form-data, a text / plain.
  • formmethod - Používa sa iba s type = "submit" atribútov. Toto určuje metódu HTTP, ktorá sa použije pri odosielaní údajov formulára dostať alebo pošta.
  • formnovalidate - Používa sa iba s type = "submit" atribútov. Údaje formulára nebudú pri odoslaní potvrdené.
  • formtarget - Používa sa iba s type = "submit" atribútov. Toto označuje, kde sa má odpoveď na lokalitu zobraziť pri odoslaní údajov formulára, napríklad v novom okne atď. Možnosti hodnôt sú buď _blank, _self, _parent, _top, alebo špecifický názov rámca.
  • Ak používate formuláre, možno budete chcieť prečítať si tlačidlá v HTML formulároch a ako urobiť vaše stránky viac užívateľsky prívetivé.