Wprowadzenie do elementów formularza HTML
W technologiach programistycznych (szczególnie w interfejsie użytkownika) „HTML” to podstawowy lub podstawowy język znaczników, którego używamy do wyświetlania stron internetowych (strony, którą widzimy na stronie internetowej). Czasami na stronie HTML, wraz z wyświetlaniem innych treści, musimy również wziąć pod uwagę dane wejściowe użytkownika (szczególnie w dynamicznych witrynach internetowych). Aby wprowadzić dane wejściowe użytkownika na stronie HTML, musimy użyć wielu elementów formularza, aby poprawnie utworzyć te formularze, a przy pomocy tych formularzy weźmiemy dane wejściowe użytkownika we właściwy sposób i umieścimy te dane wejściowe (dane) w naszym wewnętrznym Bazy danych na zapleczu. Teraz, ponieważ wiemy, że kody HTML są zapisywane pod różnymi elementami znaczników (), więc w zasadzie „elementy formularza HTML” to te elementy, które są używane wewnątrz znacznika „”. Te elementy wraz z innymi standardowymi i unikalnymi atrybutami nadają również formę i strukturę, które pozwalają użytkownikom wiedzieć, co zrobić z formularzem i jak postępować w sposób strukturalny.
Wyjaśnij elementy formularza HTML (w tym składnię i przykłady z danymi wyjściowymi)
Ponieważ istnieje wiele elementów formularza HTML, aby utworzyć formularz i nadać mu odpowiedni wygląd w uporządkowany sposób; poniżej niektóre z nich wyjaśniono jeden po drugim.
| SL No. | Tagi | Znaczenie / opisy |
|
1 | Aby zdefiniować formularz HTML do wprowadzania danych przez użytkownika | |
|
2) | Aby zdefiniować kontrolę wejścia | |
|
3) | Aby określić listę predefiniowanych opcji | |
|
4 | Aby zdefiniować elementy związane z grupą | |
|
5 | Aby zdefiniować bezpieczne wejście | |
|
6 | Aby zdefiniować etykietę wejściową | |
|
7 | Aby zdefiniować podpis dla zestawu pól | |
|
8 |
Aby zdefiniować grupę podobnych opcji |
|
|
9 |
Aby zdefiniować opcję dla menu rozwijanego |
|
|
10 |
Aby zdefiniować wynik |
|
|
11 |
Aby zdefiniować listę rozwijaną |
|
|
12 |
Aby zdefiniować wielowierszowy obszar wprowadzania |
Uwaga: Większość omawianych tutaj elementów znaczników HTML dotyczy HTML5, który jest najnowszą wersją języka HTML. Element tagu nie jest już obsługiwany w HTML5; faktycznie był używany w poprzedniej wersji HTML.
Składnia i przykład
Niektóre składnie i przykłady elementów formularza HTML z danymi wyjściowymi omówiono poniżej:
-
"" element
Ten element może również zawierać wiele innych elementów, w tym poniższe:
Przykład elementu „” z przyciskiem wprowadzania i przesyłania:
Składnia:
Your Name:
Kody:
Your name:
Wynik:
-
"" element
Ten element jest elementem wbudowanym i należy do grupy form-element.
Składnia:
Input name:
Input age:
Kody:
Input name:
Input age:
Wynik:
-
"" element
Zwykle określa wstępnie zdefiniowaną listę danych wejściowych dla elementu, w której użytkownicy mogą wybrać dowolną opcję ze wstępnie zdefiniowanej listy.
Składnia:
Kody:
Wynik:
-
"" element
Ten element służy zasadniczo do grupowania powiązanych elementów w formularzach i rysuje ramkę wokół podobnych elementów.
Składnia:
Celebrity:
Name:
Phone:
Age:
Kody:
Celebrity:
Name:
Phone:
Age:
Wynik:
-
"" element
Ten element może znajdować się poza formularzem, ale nadal może być częścią formularza. Zwykle ten element służy do określania jednej lub więcej formularzy. Ten element jest nowo używany w wersji HTML5 do generowania klucza szyfrowania w celu przekazywania zaszyfrowanych danych przez formularz na stronie internetowej opartej na HTML.
Składnia:
Kody:
Username:
Wymienione poniżej pole klucza jest poza formą, ale nadal jest częścią powyższej formy.
Szyfrowanie:
Wynik:
-
"" element
Ten element zasadniczo określa nazwę formularza wejściowego, aby użytkownicy zrozumieli, jakie powinny być dane wejściowe. Działa jako wskaźnik dla użytkowników.
Składnia:
…
Kody:
Example of HTML label tag
Boy
Girl
Wynik:
-
"" element
Ten element faktycznie określa podpis dla elementu. Jest to rodzaj elementu wspierającego dla innego elementu, części elementu grupy.
Składnia:
Celebrity:
Name:
Phone:
Age:
Kody:
Example of HTML legend tag
Celebrity:
Name:
Phone:
Age:
Wynik:
-
"" element
Ten element jest elementem związanym z grupą, który jest używany dla opcji z listy rozwijanej w formie HTML. Pomaga użytkownikom z łatwością obsługiwać długą listę.
Składnia:
Ninja 300
Ninja 450
Pulsar 200
Pulsar 150
Kody:
Example of HTML legend tag
Ninja 300
Ninja 450
Pulsar 200
Pulsar 150
Wynik:
-
"" element
Ten element służy do reprezentowania opcji z listy rozwijanej pod elementem; lista rozwijana musi zawierać co najmniej jedną opcję.
Składnia:
…
Kody:
Example of HTML option tag
Bikes
Cars
Buses
Wynik:
-
"" element
Ten element służy zasadniczo do wyświetlania wyniku obliczeń (np. W obliczeniach skryptu).
Składnia:
…
Kody:
Example of HTML output Tag
+
=
Wynik:
-
"" element
Ten element służy do dokonywania wyboru z listy w formularzu.
Składnia:
Bike
Car
Bus
Kody:
Example of HTML select Tag
Bike
Car
Bus
Wynik:
-
"" element
Ten element służy do definiowania wielowierszowego wprowadzania tekstu (np. Adresu).
Składnia:
Umieść swój komentarz:
Połóż tu…
Kody:
Example of HTML textarea Tag
Umieść swój komentarz:
Połóż tu…
Wynik:
Wniosek
Dostępnych jest tak wiele elementów formularza HTML; w tym artykule omówiliśmy niektóre podstawowe lub rodzime elementy formularza HTML. Elementy formularzy HTML pomagają nam tworzyć właściwe i funkcjonalne formularze HTML. Należy zauważyć, że większość elementów formularza HTML wymaga dołączenia kilku atrybutów wraz z nimi. Niektóre elementy zależą od siebie, które muszą być kodowane razem. Elementy, które są już przestarzałe, mogą nie być wyświetlane przez wszystkie przeglądarki.
Polecane artykuły
To był przewodnik po elementach formularza HTML. Tutaj omawiamy wprowadzenie i elementy formy ze składnią i przykładowym kodem. Możesz także przejrzeć nasze inne sugerowane artykuły, aby dowiedzieć się więcej -
- Wersje HTML
- Zalety HTML
- Kariera w HTML
- Bloki HTML
- Darmowy kurs HTML
- Ramki HTML
- Ustaw kolor tła w HTML za pomocą przykładu