Html <form> atrybuty tagów | Wyjaśnione

Maja Kucharski

Kiedy odwiedzamy witrynę jedną z najczęściej obserwowanych rzeczy na każdej stronie internetowej, są „formularze”, takie jak formularze logowania, formularze rejestracyjne, formularze wprowadzania danych itp. I w tym celu HTML zapewnia Tag do zebrania danych/informacji użytkownika. Sam znacznik nie może wysyłać danych gdziekolwiek, aby przetworzyć dane formularza, możemy użyć różnych atrybutów, takich jak działanie, metoda, itp.

Ten zapis zapewni pełną wytyczną o utworzeniu formularza i pod tym względem musimy zrozumieć koncepcję następujących atrybutów formularza:

Jak używać działanie Atrybut w HTML
Jak używać metoda Atrybut w HTML
Jak używać cel Atrybut w HTML
Jak używać autouzupełnienie Atrybut w HTML

Jak używać atrybutu akcji w formularzach HTML

Określa, które działanie zostanie wykonane w formularzu zgłoszeniem i.mi. Określa adres URL, do którego zostaną przesłane dane formularza. Poniższy przykład, pozwala ci zrozumieć, w jaki sposób działanie Atrybut działa

Przykład

W poniższym kodzie utworzyliśmy plik HTML o nazwie FormAttribute.html

Wewnątrz tagu określamy działanie atrybut.
Atrybut akcji zawiera adres innego pliku HTML o nazwie „FormsResult.html ”
Tworzymy dwa pola dla nazwy i hasła.
Następnie tworzymy przycisk o nazwie „Prześlij” w „FormAttribute.plik html ”.
Kliknięcie przycisku Prześlij nas do „Formst.plik html ”

Formattribute.html

z.html

Dane formularzy przesłane z formattribute.plik HTML będzie wyświetlany na formularzach.plik HTML:

Wróć do formatów.plik HTML

Pomyślne wykonanie kodu pokazuje następujący wynik:

Obserwuj adres URL pliku, kliknięcie przycisku przesyłania wyśle dane zapisane w polach tekstowych do formularzy.plik HTML i pokazuje następujący wynik:

Obserwuj różnicę między obiema adresami URL:

Po kliknięciu przycisku „Prześlij”, prowadzi nas do „Formularzy.plik html ”.
Wyświetlanie zawartości „FormAttribute.plik html ”weryfikuje, że atrybut akcji działa poprawnie.

Jak używać atrybutu metody w formularzach HTML

Określa, w jaki sposób dane formularza zostaną przesłane i do tego celu wykorzystuje metodę GET lub metodę POST.

Uzyskaj metodę

Dołącza dane formularza w adresie URL i wykorzystuje znak zapytania do oddzielenia różnych parametrów. Jeśli nie wspomnieliśmy o atrybucie metody w znaczniku formularza, domyślnie ustawi to Dostawać metoda.

Przykład

Jak pokazano w poprzednim przykładzie, nie wspominaliśmy o żadnej metodzie, domyślnie wysyła dane za pomocą Dostawać metoda. Poniższy fragment wyjaśni, jak korzystać z Dostawać metoda:

Formattribute.Html

Powyżej fragment wyświetla następujące dane wyjściowe:

Określamy odpowiednio „Nazwa ucznia” i „hasło” jako „Joe” i „Joe@123”, w wyniku czego otrzymujemy następujące dane wyjściowe:

URL opracowuje następujące punkty:

Jesteś w formach.plik HTML
Nazwa i hasło są dołączane w adresie URL, który weryfikuje, że używana jest metoda GET.

Metoda post

Wysyła dane do serwera osobno i.mi. Dołącza dane w treści żądania HTTP zamiast adresu URL. Jest to przydatne, gdy musimy przechowywać poufne dane na serwerze.

Przykład

Poniższy kawałek kodu pomoże ci zrozumieć, jak korzystać z post metoda:

„Formy.plik html ”pozostanie taki sam, jedyną różnicą będzie atrybut formularzy i.mi. użyjemy post metoda:

Formattributes.html

W ten sposób dane zostaną opublikowane i nie pojawią się w adresie URL.

Jak używać atrybutu docelowego w formularzach HTML

Określa docelowe okno/kartę, aby wyświetlić wynik i.mi. określa albo wynik zostanie wyświetlony na bieżącej karcie lub nowej karcie. Może to potrwać _ siebie, _sprent, _top i _blank wartość. _pusty pokaże wynik nowej karty.

Przykład W tym przykładzie użyjemy _pusty wartość dla cel atrybut wyświetlania wyniku w nowej karcie:

Poniżej pojawi się wyjście dla powyższego kodu:

Kliknięcie przycisku Zwrot wyświetli wynik w nowej karcie:

Jak używać atrybutu autocomplete w formularzach HTML

Jak sama nazwa sugeruje, atrybut autocomplete określa, czy wartości powinny być automatyczne wypełnione, czy nie. Na przykład „AutoComplete = ON”Określa, że wszystko, co wchodzi użytkownik, zostanie zapamiętane do przyszłego użycia.

Przykład Rozważmy poniższy kawałek kodu, aby zrozumieć, jak korzystać z atrybutu autocomplete:

Powyższy kod ustawia wartość AutoComplete jako ON i daje następujące dane wyjściowe:

Po wypełnieniu odpowiednich pól i przesłaniu danych, a następnie odśwież stronę, możesz sprawdzić, czy AutoComplete pokazuje wcześniej wprowadzone dane jako sugestię.

Wyjście weryfikuje, że atrybut autocomplete działa odpowiednio.

Wniosek

Atrybuty HTML określają sposób przetwarzania danych formularza i.mi. działanie atrybut określa działanie, które należy wykonać po przesłaniu formularza, metoda atrybut określa, jak przesłać dane formularza i.mi. Metoda GET zostanie dołączona do adresu URL lub metodę postu zostanie dołączona w treści żądania HTTP. Ponadto atrybut docelowy określa ukierunkowaną kartę/okno, a atrybut AutoComplete określa, czy już wprowadzone dane powinny być zapamiętane do późniejszego użycia, czy nie.

php

Jak używać funkcji Scandir w PHP

Funkcja scandir () w PHP skanuje katalog w poszukiwaniu plików i katalogów. Zwraca tablicę wszystkic...

Sebastian Kaczyński

Programowanie C

Jaka jest różnica między = i == Operatory w programowaniu C?

Operator = jest wykorzystywany do przypisania wartości do zmiennej, podczas gdy operator == porównuj...

Justyna Flak

Programowanie C

Jaki jest adres pamięci w programowaniu C i jak go znaleźć?

Adres pamięci w programowaniu C odnosi się do lokalizacji, w której dane są przechowywane w pamięci ...

Zofia Góra