Używanie znacznika wejściowego HTML i znacznika przycisku w formularzach

Użyj tagu „button”, aby ominąć wywołania JavaScript i rozszerzyć funkcjonalność

Xavier Arnau / E+ / Getty Images

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

Poprzez ustawienie atrybut rodzaj 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:

|_+_|

The Wejście tag nie prześle formularza HTML; musisz dołączyćJavaScriptdo 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. The przycisk jest bardziej elastyczny, ponieważ pozwala na przykład na użycie obrazów dla przycisku (co pomaga zachować wizualną spójność, jeśli witryna ma motyw graficzny) i można go zdefiniować jako przycisk typu „prześlij” lub „zresetuj” bez potrzeby dodatkowych JavaScript.

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,typ kształtu: 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, oraz Zwykły tekst. forma: Używany tylko z type='prześlij' atrybut. Określa, której metody HTTP należy użyć podczas przesyłania danych formularza Dostawać lub Poczta. formnowalidat: Używany tylko z type='prześlij' atrybut. Dane formularza nie będą weryfikowane po przesłaniu.formacelu: Używany tylko z type='prześlij' atrybut. Wskazuje to, gdzie powinna być wyświetlana odpowiedź witryny po przesłaniu danych formularza, na przykład w nowym oknie itp. Opcje wartości to ​ _puste, _siebie, _rodzic, _top, lub konkretną nazwę ramki.

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