Formularze HTML to jeden z najbardziej podstawowych sposobów na dodanie interaktywności do Twojej witryny. Możesz zadawać pytania i pozyskiwać odpowiedzi od swoich czytelników, dostarczać dodatkowe informacje z baz danych, konfigurować gry i nie tylko. Istnieje wiele elementów HTML, których możesz użyć do tworzenia formularzy. Po utworzeniu formularza możesz przesłać dane na serwer na wiele różnych sposobów lub po prostu rozpocząć działanie formularza.
Oto kilka sposobów przesyłania formularzy:
-
- Jest to najczęstsza metoda pozyskiwania danych na serwer, ale może być bardzo prosta.
-
- Użycie obrazu bardzo ułatwia dostosowanie przycisku przesyłania do stylu witryny. Ale niektóre osoby mogą nie rozpoznać go jako przycisku przesyłania.
-
- Przycisk
WKŁAD tag daje wiele takich samych opcji jak obraz
WKŁAD tag, ale wygląda bardziej jak standardowy typ przesyłania. Do aktywacji wymaga JavaScript.
- Przycisk
-
- The
PRZYCISK tag jest bardziej uniwersalnym typem przycisku niż
WKŁAD etykietka. Ten tag wymaga aktywacji Javacript.
- The
- The
DOWÓDZTWO element jest nowy w HTML5 i zapewnia sposób aktywacji skryptów i formularzy wraz z powiązanymi działaniami. Jest aktywowany za pomocą JavaScript.
- The
Element INPUT
Wejście
WKŁAD element jest najczęstszym sposobem przesłania formularza, wystarczy wybrać typ (
przycisk,
obraz, lub
Zatwierdź) i jeśli to konieczne dodaj trochę skryptów do przesłania do działania formularza.
The element może być tak zapisany. Ale jeśli to zrobisz, będziesz mieć różne wyniki w różnych przeglądarkach. Większość przeglądarek tworzy przycisk z napisem "Prześlij", ale Firefox tworzy przycisk z napisem "Wyślij zapytanie". Aby zmienić treść przycisku, dodaj atrybut:
value = "Wyślij formularz">
Element jest zapisany w ten sposób, ale jeśli pozostawisz wszystkie inne atrybuty, wszystko, co wyświetli się w przeglądarkach, będzie pustym szarym przyciskiem. Aby dodać tekst do przycisku, użyj znaku
wartośćatrybut. Ale ten przycisk nie przesyła formularza, chyba że używasz JavaScript.
onclick = "submit ();">
Jest podobny do
przycisktyp, który wymaga skryptu do przesłania formularza. Poza tym, że zamiast wartości tekstowej, musisz dodać adres URL obrazu źródłowego.
Element przycisku
The
PRZYCISKelement wymaga zarówno znacznika otwierającego, jak i zamykającego. Gdy z niego korzystasz, wszelkie treści zawarte w tagu będą zawarte w przycisku. Następnie aktywujesz przycisk ze skryptem.
Prześlij formularz
Możesz dołączyć obrazy do przycisku lub połączyć obrazy i tekst, aby stworzyć bardziej interesujący przycisk.
Element polecenia
The
DOWÓDZTWOelement jest nowy z HTML5. To nie wymaga
FORMULARZ do użycia, ale może działać jako przycisk przesyłania formularza. Ten element umożliwia tworzenie bardziej interaktywnych stron bez konieczności wypełniania formularzy, chyba że naprawdę potrzebujesz formularzy. Jeśli chcesz, aby polecenie powiedziało coś, zapisujesz informacje w pliku
etykietaatrybut.
label = "Wyślij formularz">
Jeśli chcesz, aby twoje polecenie było reprezentowane przez obraz, użyjesz
Ikonaatrybut.
icon = "submit.gif">
Formularze HTML mają kilka różnych sposobów przesyłania, jak dowiedziałeś się na poprzedniej stronie. Dwie z tych metod to
WKŁADtag i
PRZYCISKetykietka. Istnieją dobre powody, aby korzystać z obu tych elementów.
Element wejściowy
Tag to najprostszy sposób przesłania formularza. Nie wymaga niczego poza samym znacznikiem, nawet nie
wartośćGdy klient kliknie przycisk, przesyła go automatycznie. Nie musisz dodawać żadnych skryptów, przeglądarki wiedzą, aby przesłać formularz po przesłaniu
WKŁADtag został kliknięty.
Problem polega na tym, że ten przycisk jest bardzo brzydki i prosty. Nie możesz dodawać do niego zdjęć. Można go stylizować tak, jak każdy inny element, ale nadal może wyglądać jak brzydki przycisk.
Użyj
WKŁADmetoda, gdy formularz musi być dostępny nawet w przeglądarkach, które mają wyłączoną obsługę JavaScript.
Element BUTTON
The
PRZYCISKelement oferuje więcej opcji przesyłania formularzy. Możesz umieścić wszystko w środku
PRZYCISKelement i zmień go w przycisk przesyłania. Najczęściej ludzie używają obrazów i tekstu. Ale możesz stworzyć
DIV i jeśli chcesz, ustaw tę rzecz jako przycisk przesyłania.
Największa wada do
PRZYCISKelement jest taki, że nie przesyła automatycznie formularza. Oznacza to, że musi być jakiś skrypt, aby go aktywować. I tak jest mniej dostępny niż
WKŁADmetoda. Każdy użytkownik, który nie ma włączonego JavaScript, nie będzie mógł przesłać formularza z tylko
PRZYCISKelement do przesłania go.
Użyj
PRZYCISKmetoda na formularzach, które nie są tak istotne. Jest to również świetny sposób dodawania dodatkowych opcji przesyłania w ramach jednego formularza.