Organizacja i wdrażanie portali korporacyjnych
ict-trainer.pl - © 2019 - Grzegorz Szyjewski
Zadanie 3 - formularze + elementy HTML 5

Struktura formularza (podstawowa)

 
Postać wynikowa (dodane łamanie linii):

pole typu input:
 
pole typu password:
 
pole typu text:
 
pole typu checkbox:
 
pole typu radio:
 

 
Rozbudowa formularza o elementy HTML5

Rozbudowana definicja rodzaju pola wejściowego.

adres: e-mail:

Inne rodzaje pól do zostosowania w elementach typu: input (działanie w wybranych przeglądarkach)
type="color"
type="date"
type="datetime"
type="datetime-local"
type="email"
type="month"
type="number"
type="range"
type="search"
type="tel"
type="time"
type="url"
type="week"

sposoby użycia poszczególnych typów powyższych elementów: w3schools
 
Inne przydatne atrybuty dla pol formularza (HTML5)

aktywne pole formularza po załadowaniu strony:

pierwsze pole: drugie pole (domyślne):

 
wymagane pole formularza :

pierwsze pole: drugie pole (wymagane):

 
podpowiedzi w polach formularza :

pierwsze pole: drugie pole (podpowiedź):
zadanie
________
Wykorzystaj dostępne elementy i stwórz formularz rejestracji użytkownika pobierający od niego różne informacje. W miarę mozliwości formularz powinien sprawdzać poprawnośc wprowadzonych danych. Zachowaj prawidłowy układ formularza jak na wzorze poniżej: