TablicaPro / karta pracy ucznia / HTML

Formularze HTML — lekcja i ćwiczenia

Klasa: __________ Numer: __________ Data: __________

Pracuj w przygotowanym pliku. Po każdej zmianie zapisz go i sprawdź rezultat.

Kod do rozpoczęcia pracy

<label for="imie">Imię</label>
<input type="text" id="imie" name="imie" required minlength="2">

Zadanie 1

Pod polem imienia dodaj wymagane pole e-mail oraz listę select z klasami 1–4. Każde pole: etykieta (for = id) i własny name. Sprawdź, że adres ola.szkola zostanie odrzucony.

Zadanie 2

Dodaj fieldset z legendą „W który dzień możesz przychodzić?” i dwa wymagane przyciski radio (wtorek, czwartek) o wspólnym name. Dodaj textarea „Czego chcesz się nauczyć?” z limitem 200 znaków.

Zadanie 3

Dodaj wymaganą zgodę „Akceptuję zasady koła” (value tak). Przetestuj: puste pola, błędny e-mail, poprawne dane. Przepisz z paska adresu nazwy wysłanych danych i wskaż, z jakiego atrybutu pochodzą.

Sprawdź przed oddaniem

E-mail i lista klas z etykietami: 2 pkt; radio w fieldset z legendą: 2 pkt; textarea z limitem: 1 pkt; zgoda i przycisk: 1 pkt; name przy wszystkich polach: 1 pkt; trzy testy: 2 pkt; skąd pochodzą nazwy danych: 1 pkt. Razem 10 pkt.

Jaką zmianę w kodzie potrafisz samodzielnie wyjaśnić?

Drukuj kartę pracy