Skip to main content

Vytváření tlačítek pomocí značek vstupu HTML ve formulářích

1500 Common French Words with Pronunciation (Smět 2025)

1500 Common French Words with Pronunciation (Smět 2025)
Anonim

Pomocí HTML můžete vytvářet přizpůsobitelné textové tlačítka ve formátu HTML štítek. The element je použit v rámci

živel.

Nastavením atributu typ na "tlačítko", bude generováno jednoduché tlačítko s kliknutím. Můžete definovat text, který se na tlačítku zobrazí, například "Odeslat", pomocí tlačítka hodnota atribut.

Například:

Uvědomte si, že tag nebude odeslat formulář HTML; budete muset ještě zahrnout JavaScript, aby zpracoval odesílání dat o formuláři. Bez JavaScript při kliknutí událost, tlačítko bude vypadat, že je možné kliknout, ale nic se nestane a budete mít své čtenáře frustrovaní.

The

Ačkoli pomocí vstupní značky k vytvoření tlačítka pracuje pro svůj účel, je lepší volbou použít tag pro vytvoření webových stránek HTML. The tag je flexibilnější, protože umožňuje použít obrázky pro tlačítko (což vám pomáhá zachovat vizuální konzistenci, pokud vaše stránky má návrhové téma), a to může být definováno jako tlačítko odeslat nebo resetovat tlačítko bez potřeby dalších JavaScript.

Budete chtít zadat tlačítko typ atribut v libovolném značky. Existují tři různé typy:

  • tlačítko - Tlačítko nemá žádné vlastní chování, ale používá se ve spojení se skripty, které se spouštějí na straně klienta, které mohou být připojeny k tlačítku a provedeny po kliknutí.
  • resetovat - Resetuje všechny hodnoty.
  • Předložit - Tlačítko předává data formuláře serveru (toto je výchozí hodnota, pokud není definován žádný typ).

Mezi další atributy patří:

  • název - Dává tlačítku referenční jméno.
  • hodnota - Určuje hodnotu, která má být přiřazena k tlačítku.
  • zakázat - Vypne tlačítko.

HTML5 přidává některé další atributy

  • formace - Používá se pouze s typ = "odeslat" a adresa URL jako hodnota, určuje, kde budou odeslány data formuláře. Například:
  • formenctype - Používá se pouze s typ = "odeslat" atribut. Určuje, jak mají být data formuláře zakódována při odeslání na server. Tři hodnoty jsou aplikace / x-www-form-urlencoded (výchozí), multipart / form-data, a text / prostý.
  • formomethod - Používá se pouze s typ = "odeslat" atribut. Toto určuje, kterou metodu HTTP použít při odesílání dat formuláře dostat nebo pošta.
  • formnovalidát - Používá se pouze s typ = "odeslat" atribut. Údaje formuláře nebudou při odeslání ověřeny.
  • formtarget - Používá se pouze s typ = "odeslat" atribut. Označuje, kde by měla být při odesílání dat formuláře zobrazena odpověď na lokalitu, například v novém okně apod. Možnosti hodnoty jsou buď _blank, _self, _parent, _top, nebo konkrétní název rámce.
  • Pokud používáte formuláře, můžete si přečíst, jak vytvářet tlačítka ve formátech HTML, a jak lépe učinit vaše stránky.