Formy HTML

Formularze w HTML służą do gromadzenia informacji od użytkowników (na stronie internetowej) i przetwarzania tych danych. Na przykład napotkałeś formularze rejestracji/rejestracji, które zbierają poświadczenia i przetwarzają je do śpiewania lub tworzenia konta. Podstawowa informacja o formularzach HTML znajduje się w tym artykule. Dodatkowo opisaliśmy również przykład tworzenia formularzy HTML.

Podstawy form HTML

Tutaj będziemy szukać elementów składowych elementów formularzy HTML i ich odpowiednich atrybutów. Więc zagłębmy się w nich:

Element formularza HTML

Ten znacznik jest podstawą formularzy HTML i służy do zrobienia pierwszego kroku do tworzenia formularzy HTML. Poniższa składnia odnosi się do znacznika formularza:

elementy formularza

Elementy formy zostaną omówione w nadchodzących sekcjach. Tutaj przedstawiamy tabelę atrybutów obsługiwaną przez element formularza HTML.

Atrybuty elementu formularza HTML
Atrybuty	Wartość (y)	Opis
działanie		To określa lokalizację/plik, w którym dane formularza zostaną przesłane
cel		Służy do wyświetlania odpowiedzi po przesłaniu formularza
	_samego siebie	Aktualne okno
	_szczyt	Pełna ramka bieżącego okna
	_rodzic	Rama rodzica
	_pusty	Nowe okno
metoda		Definiuje metodę przesyłania formularza HTTP
	DOSTAWAĆ	Jest to domyślna metoda używana do żądania danych z serwera
	POST	Służy do wysyłania danych do serwera
autouzupełnienie	NA	Ponowne wykorzystanie formularza będzie automatycznie zabić pola
Novalidate		Dane formularza nie zostaną zatwierdzone podczas przesyłania

Powyższa tabela podsumowała wszystkie atrybuty obsługiwane przez element formularza. Przeglądajmy elementy formularzy HTML.

Element etykiety HTML

Ten element definiuje etykietę dla elementów formularzy HTML, aby pokazać cel/opis tego elementu na ekranie użytkownika. Chociaż nie jest to niezbędny element do tworzenia formularzy HTML, zaleca się dodanie tego elementu, ponieważ pomaga w prowadzeniu użytkowników.

Składnia znacznika etykiet jest opisana poniżej

nazwa

nazwa reprezentuje wartość, która byłaby wyświetlana na ekranie użytkownika i przyjmuje atrybut o nazwie Do który zawiera odniesienie do ID atrybut elementu wejściowego.

Element wejściowy HTML

Element wejściowy jest uważany za element podstawowy formy HTML. Podana poniżej składnia odnosi się do elementu wejściowego:

Funkcjonalność znacznika wejściowego zależy od atrybutów i ich wartości. Wymieniliśmy ważne atrybuty elementu wejściowego HTML.

Atrybuty elementu wejściowego
Atrybuty	Wartość (y)	Opis
ID		Ustawia identyfikator rozpoznawania
Wartość		Określa początkową wartość pola wejściowego
Nazwa		Służy do przesłania danych elementu wejściowego
tylko czytać		Służy do ograniczenia pola tekstowego do tylko odczytu
maksymalna długość		Służy do zdefiniowania maksymalnej liczby znaków w polu wejściowym
min		Służy do ustawienia minimalnej wartości liczby, daty, zakresu, miesiąca itp.,
Max		Maksymalna wartość liczby, daty, zakres, miesiąc itp.,
wiele		Ten atrybut pozwala wprowadzić wiele adresów e -mail lub dołączyć wiele plików
wymagany		Musi zostać wypełniony przed złożeniem
symbol zastępczy		Manekin, które są już obecne w polu wejściowym
typ		Służy do wstawienia danych w zależności od wartości
	tekst	Pojedyncze pole tekstowe, aby wstawić dane
	przycisk	Utwórz przycisk
	hasło	Ustaw pole hasła
	składać	Prześlij przycisk, aby przesłać formularz
	Resetowanie	Przycisk zresetowania, aby zresetować wszystkie wartości
	radio	Aby utworzyć przycisk opcji
	pole wyboru	Aby utworzyć pole wyboru
	kolor	Aby ustawić kolor pola tekstowego
	data	Utwórz pole daty
	e-mail	Aby utworzyć pole tekstowe, aby uzyskać adres e -mail
	plik	Zostanie utworzone pole wyboru pliku, aby uzyskać plik
	ukryty	Pole, które jest widoczne tylko dla dewelopera
	miesiąc	Wybrać miesiąc i rok
	numer	Tworzy pole, które akceptuje wartości liczbowe
	teren	Aby wstawić numer telefonu
	URL	Służy do utworzenia pola zawierającego adres URL

Atrybuty podane w tabeli pokazują, że element wejściowy odgrywa kluczową rolę w tworzeniu formularzy HTML.

Element HTML TextArea

Element wejściowy umożliwia wstawienie pola tekstowego jednoliniowego. Jeśli jednak chcesz utworzyć wielokierdzkie pola tekstowe, musisz użyć znacznika za pomocą następującej składni:

Ten element akceptuje trzy atrybuty, wydziwianie, Kols, I nazwa. Rzędy i atrybut Cols, aby ustawić wysokość I szerokość atrybutu, podczas gdy nazwa Atrybut służy do rozpoznania TEXTArea przez serwer.

Z powyższej dyskusji przeszedłbyś przez elementy składowe formularzy HTML. Przećwiczmy je, aby stworzyć przykładowy formularz HTML.

Jak utworzyć formularz HTML

W tej sekcji praktykuje kilka przykładów, które tworzą formularze HTML w różnych scenariuszach.

Przykład
Kod podany poniżej tworzy formularz HTML za pomocą elementu formularza wraz z elementami wejściowymi i etykietami.

Wpisz swoje imię:



Wprowadź swój adres e -mail:



Wstęp

Przedstaw się

Opis kodu jest następujący:

• Deklarowany jest element formularza, aby uruchomić korpus, po którym następuje elementy etykiety, wejścia i obszaru tekstu.
• Dwa elementy etykiety odnoszą się do dwóch elementów wejściowych, które mają uzyskać nazwę i e -mail użytkownika. Ponadto ostatni element etykiety reprezentuje pole TextArea.
• Na koniec przycisk jest tworzony za pomocą typu przesyłania elementu wejściowego.

Wyjście

Aby uzyskać lepsze zrozumienie wyników, podkreśliliśmy obszar, w którym tworzone są etykieta, wejście, textArea i złożenie przycisków.

Wniosek

Formularze w HTML służą do gromadzenia danych od użytkownika. Może to być w każdym celu, takie jak informacje o klientach, rejestracja, opinie, komentarze itp. Formularz HTML może zawierać różne pola tekstowe, przyciski radiowe, pola wyboru, pola e -mail i wiele innych. Zapewniliśmy podstawowe elementy formularzy HTML, a później te elementy są używane również do stworzenia formularza HTML.