Sprawdź, czy pamiętasz, za co odpowiadają poniższe fragmenty kodu źródłowego HTML. W razie wątpliwości kliknij odnośnik "Zobacz więcej..." pod wybraną grupą przykładów.

Jak wstawić formularz na stronę WWW? Co można uzyskać obsługując formularze przez skrypty? W jaki sposób sprawdzić, czy użytkownik wypełnił wszystkie pola formularza?

<form action="mailto:adres e-mail gdzie wysłać formularz" method="post">
	(Tutaj umieszcza się pola formularza)
</form>

<form action="mailto:adres e-mail?subject=temat" method="post">
	(Tutaj umieszcza się pola formularza)
</form>

Zobacz więcej...

Jak wprowadzić pole tekstowe, w którym można wpisać np. imię i nazwisko? W jaki sposób zablokować pole przed wpisywaniem? Jak zmienić kolejność aktywowania elementów przy pomocy tabulatora?

<form action="...">
	<input type="text" name="nazwa">
</form>

<form action="...">
	<input name="nazwa">
</form>

<input type="text" name="nazwa" value="odpowiedź domyślna">

<input type="text" name="nazwa" size="k">

<input type="text" name="nazwa" maxlength="n">

<input type="text" name="nazwa" readonly>

<input type="text" name="nazwa" disabled>

Zobacz więcej...

Jak wprowadzić pole, w którym można wpisać hasło?

<form action="...">
	<input type="password" name="nazwa">
</form>

Zobacz więcej...

Jak dać użytkownikowi możliwość wyboru kilku bądź jednej odpowiedzi? W jaki sposób zaznaczyć pole wyboru po kliknięciu tekstu opisu? W jaki sposób zdefiniować klawisz skrótu? Jak odblokować pole formularza dopiero po wybraniu określonej opcji?

<form action="...">
	<input type="checkbox" name="nazwa" value="wartość">Tu wpisz opis pola
</form>

<input type="checkbox" name="nazwa" value="wartość" checked>Opis pola

<input type="checkbox" name="nazwa" value="wartość" disabled>Opis pola

Zobacz więcej...

Jak wprowadzić na stronę WWW "przełącznik" (pole opcji)?

<form action="...">
	<input type="radio" name="nazwa" value="wartość">Tu wpisz opis pola
</form>

<input type="radio" name="nazwa" value="wartość" checked>Opis pola

<input type="radio" name="nazwa" value="wartość" disabled>Opis pola

Zobacz więcej...

Jak wprowadzić rozwijane menu?

<form action="...">
	<select name="nazwa">
		<option>Tu wpisz pierwszą możliwość</option>
		<option>Tu wpisz drugą możliwość</option>
		(...)
	</select>
</form>

<select name="nazwa" multiple>
	<option>Tu wpisz pierwszą możliwość</option>
	<option>Tu wpisz drugą możliwość</option>
</select>

<select name="nazwa">
	<option>Tu wpisz pierwszą możliwość</option>
	<option selected>Tu wpisz drugą możliwość<option>
</select>

<select name="nazwa" size="w">
	<option>Tu wpisz pierwszą możliwość</option>
	<option>Tu wpisz drugą możliwość</option>
</select>

<select name="nazwa" disabled>
	<option>Tu wpisz pierwszą możliwość</option>
	<option>Tu wpisz drugą możliwość</option>
</select>

<select name="nazwa">
<optgroup label="nazwa grupy">
	<option>Tu wpisz pierwszą możliwość</option>
	<option>Tu wpisz drugą możliwość</option>
</optgroup>
</select>

Zobacz więcej...

Jak wprowadzić wieloliniowe pole tekstowe, w którym można wpisać dłuższy komentarz?

<form action="...">
	<textarea name="nazwa" cols="x" rows="y">Tu wpisz tekst który pojawi się domyślnie</textarea>
</form>

<textarea name="nazwa" cols="x" rows="y" readonly>...</textarea>

<textarea name="nazwa" cols="x" rows="y" disabled>...</textarea>

Zobacz więcej...

W jaki sposób umożliwić użytkownikowi wybranie pliku ze swojego dysku lokalnego?

<form action="..." enctype="multipart/form-data">
	<input type="file" name="nazwa">
</form>

<input type="file" name="nazwa" size="k">

<input type="file" name="nazwa" disabled>

<form action="..." enctype="multipart/form-data" accept="lista typów">
	<input type="file" name="nazwa">
</form>

<form action="..." enctype="multipart/form-data">
	<input type="file" name="nazwa" accept="lista typów">
</form>

Zobacz więcej...

Jak przesłać ukryte dane w formularzu?

<form action="...">
	<input type="hidden" name="nazwa" value="wartość">
</form>

Zobacz więcej...

Jak wysłać formularz?

<form action="...">
	<input type="submit" value="wartość">
</form>

<form action="...">
	<input type="submit" value="wartość" disabled>
</form>

<form action="...">
	<input type="image" src="ścieżka dostępu do obrazka" alt="informacja alternatywna">
</form>

Zobacz więcej...

Jak wyczyścić wszystkie wprowadzone dane w formularzu? W jaki sposób zapobiec omyłkowemu wyczyszczeniu danych formularza?

<form action="...">
	<input type="reset" value="wartość">
</form>

<form action="...">
	<input type="reset" value="wartość" disabled>
</form>

Zobacz więcej...

Jak wprowadzić przycisk na stronę WWW?

<button type="rodzaj">Treść przycisku</button>

Zobacz więcej...

W jaki sposób zgrupować tematycznie klika pól formularza?

<fieldset>
	(Pola formularza)
</fieldset>

<fieldset>
<legend>Tytuł</legend>
	(Pola formularza)
</fieldset>

Zobacz więcej...

Co zrobić, aby formularze były przesyłane w formie odszyfrowanej, którą łatwiej później odczytać? Jak usunąć polskie znaki z formularza?

<form action="..." enctype="text/plain">...</form>

<form action="..." accept-charset="strona kodowa">...</form>

Zobacz więcej...