Tworzenie przycisków za pomocą znaczników wejściowych HTML w formularzach

Twórz konfigurowalne przyciski tekstowe w HTML używając Wejście etykietka. Wejście element jest używany w obrębie a Formularz element.

Poprzez ustawienie atrybutrodzaj do „przycisku”, generuje prosty klikalny przycisk. Możesz zdefiniować tekst, który pojawi się na przycisku, na przykład „Prześlij”, za pomocą wartość atrybut. Na przykład:


Wejście tag nie prześle formularza HTML; musisz dołączyć JavaScript do obsługi przesyłania danych z formularza. Bez JavaScript na kliknięcie zdarzenie, przycisk będzie wydawał się być klikalny, ale nic się nie stanie, a sfrustrujesz swoich czytelników.

Alternatywny tag „przycisku”

Chociaż używając Wejście tag do utworzenia przycisku działa zgodnie z jego przeznaczeniem, jest to lepsza opcja, aby użyć przycisk do tworzenia przycisków HTML witryny. przycisk tag jest bardziej elastyczny, ponieważ pozwala na użycie obrazów dla przycisku (co pomaga zachować wizualną spójność, jeśli witryna ma na przykład motyw graficzny) i można ją zdefiniować jako przycisk typu „prześlij” lub „zresetuj” bez potrzeby dodatkowych JavaScript.

watch instagram stories

Określ przycisk rodzaj atrybut w dowolnym przycisk Tagi. Istnieją trzy różne typy:

  • przycisk:Przycisk nie ma własnego zachowania, ale jest używany w połączeniu ze skryptami działającymi po stronie klienta, które można dołączyć do przycisku i wykonać po jego kliknięciu.
  • Resetowanie: Resetuje wszystkie wartości.
  • Zatwierdź: Przycisk przesyła dane formularza na serwer (jest to wartość domyślna, jeśli nie zdefiniowano typu).

Inne atrybuty to:

  • Nazwa: Nadaje przyciskowi nazwę odniesienia.
  • wartość: Określa wartość, która ma być początkowo przypisana do przycisku.
  • wyłączyć: Wyłącza przycisk.

Idąc dalej z przyciskami

HTML5 dodaje dodatkowe atrybuty do przycisk tag, który rozszerza jego funkcjonalność.

  • autofokus: podczas wczytywania strony ta opcja określa, że ​​ten przycisk jest fokusem. Na stronie można używać tylko jednego autofokusa.
  • Formularz: kojarzy przycisk z określonym formularzem w tym samym dokumencie HTML, używając identyfikatora formularza jako wartości.
  • formacja: Używany tylko z type="prześlij" oraz adres URL jako wartość, określa, dokąd zostaną wysłane dane formularza. Często miejscem docelowym jest skrypt PHP lub coś podobnego,
  • formenctyp: Używany tylko z type="prześlij" atrybut. Definiuje sposób kodowania danych formularza po przesłaniu ich na serwer. Trzy wartości to application/x-www-form-urlencoded (domyślna), wieloczęściowe/formularz-dane,Zwykły tekst.
  • forma: Używany tylko z type="prześlij" atrybut. Określa to, której metody HTTP należy użyć podczas przesyłania danych z formularza: otrzymać lub Poczta.
  • formnowalidat: Używany tylko z type="prześlij" atrybut. Dane formularza nie będą sprawdzane po przesłaniu.
  • formacelu: Używany tylko z type="prześlij" atrybut. Wskazuje, gdzie powinna być wyświetlana odpowiedź witryny po przesłaniu danych formularza, na przykład w nowym oknie itp. Opcje wartości to albo_puste, _siebie, _rodzic, _top, lub konkretną nazwę ramki.

Przeczytaj więcej o tworzenie przycisków w formularzach HTML, i jak sprawić, by Twoja strona była bardziej przyjazna dla użytkownika.

instagram story viewer