Tworzenie przycisków przy użyciu znaczników wejściowych HTML w formularzach

Możesz tworzyć spersonalizowane przyciski tekstowe w HTML za pomocą etykietka. The element jest używany w

element.

Poprzez ustawienie atrybutu rodzaj do "przycisku" zostanie wygenerowany prosty przycisk do kliknięcia. Możesz zdefiniować tekst, który pojawi się na przycisku, na przykład "Wyślij", używając wartość atrybut.

Na przykład:

Należy pamiętać, że tag nie przesyła formularza HTML; nadal będziesz musiał dołączyć JavaScript, aby obsłużyć dane formularza. Bez JavaScriptu na kliknięcie Zdarzenie, przycisk wydaje się być klikalny, ale nic się nie stanie, a będziesz denerwować swoich czytelników.

The

Chociaż użycie tagu wejściowego do utworzenia przycisku działa zgodnie z jego przeznaczeniem, jest to lepsza opcja użycia tag do tworzenia przycisków HTML w swojej witrynie. The Znacznik jest bardziej elastyczny, ponieważ pozwala na użycie obrazów do przycisku (co pomaga zachować spójność wizualną, jeśli witryna ma motyw projektu), na przykład, i można go zdefiniować jako przycisk przesyłania lub resetowania bez potrzeby dodatkowych JavaScript.

Będziesz chciał określić przycisk rodzaj atrybut w dowolnym tagi. Istnieją trzy różne typy:

przycisk - Przycisk nie ma żadnego nieodłącznego działania, ale jest używany w połączeniu ze skryptami działającymi po stronie klienta, które mogą być dołączone do przycisku i wykonywane po kliknięciu.

nastawić - Resetuje wszystkie wartości.

Zatwierdź - Przycisk przesyła dane formularza do serwera (jest to wartość domyślna, jeśli nie zdefiniowano żadnego typu).

Inne atrybuty to:

imię - Daje przyciskowi nazwę referencyjną.

wartość - Określa wartość, która ma być początkowo przypisana do przycisku.

wyłączyć - Wyłącza przycisk.

HTML5 dodaje kilka dodatkowych atrybutów do
formaction - Używane tylko z type = "submit" a URL jako wartość określa, gdzie będą przesyłane dane formularzy. Na przykład:

formenctype - Używane tylko z type = "submit" atrybut. Określa, w jaki sposób dane formularzy mają być kodowane po przesłaniu na serwer. Te trzy wartości to application / x-www-form-urlencoded (domyślna), multipart / form-data, i Zwykły tekst.

formmethod - Używane tylko z type = "submit" atrybut. Określa, która metoda HTTP ma być używana podczas przesyłania danych formularza dostać lub słupek.

formnovalidate - Używane tylko z type = "submit" atrybut. Dane formularzy nie zostaną zatwierdzone po przesłaniu.

formtarget - Używane tylko z type = "submit" atrybut. Wskazuje, gdzie odpowiedź witryny powinna być wyświetlana po przesłaniu danych formularza, np. W nowym oknie itp. Dostępne są również opcje wartości _blank, _self, _parent, _top, lub konkretną nazwę ramki.

Jeśli korzystasz z formularzy, możesz przeczytać o tworzeniu przycisków w formularzach HTML i o tym, jak uczynić witrynę bardziej przyjazną dla użytkownika.