Podstawowe typy formularza - <input>
- Praktyczne zadania
- Teoria
- Pomoce do ćwiczeń
Podstawowa lista typów <input> i krótki opis:
(z punktu widzenia HTML5 — typy obsługiwane przez współczesne przeglądarki)
text — pole tekstowe.
password — ukryte znaki (hasło).
email — walidacja formatu e-mail.
number — liczby (min, max, step).
checkbox — pole wyboru.
radio — pojedynczy wybór w grupie.
file — wybór pliku(y).
Przykłady:
Pole tekstowe z podpowiedzią i wymaganiem:
Gdzie:
input type – text – odpowiada za pole tekstowe
id – identyfikator
name – klucz danych wysyłanych do serwera
placeholder – podpowiedź (czyli jakiego rodzaju wpisu oczekujemy – imie i nazwisko – email – numer telefonu)
required – pole wymagane – nie można zostawić go pustego
Na bazie poniższego kodu stwórz formularz zawierający odpowiednie typy input:
Efekt końcowy:
