Przeskocz do treści

Lekcja 10 (HTML)

Formularze na stronie www.

Zapoznaj się z treścią materiału umieszczonego na stronie Formularze.

Zadanie 1: Opracuj dokument HTML, w którym znajdą się elementy formularza. Tytuł formularza: Dane osobowe, zapisany w nagłówku poziomu 3, wyśrodkowany, czcionką Times New Roman. Dwa pola tekstowe opisane jako imię i nazwisko, ułożone jedno pod drugim. Poniżej grupa trzech kontrolek typu radio, opisanych jako czerwony, zielony, niebieski. Ujmij je w grupę o tytule Kolory. Napisy obok pól typu radio wykonaj odpowiednio w kolorach odpowiadających ich nazwom. Ustal właściwości przycisków w taki sposób, aby nie można było wybrać więcej niż jednej opcji. Dodaj przycisk, który posłuży do wysyłania zawartości formularza. Informację przekieruj do pliku o nazwie wynik.php.

Zadanie 2: Opracuj formularz, za pomocą którego zbierzesz informacje o użytkowniku strony. Potrzebne informacje to:

  • wiek, czy należy do wskazanej grupy wiekowej (0-15 lat / 16-24 lata / 25-35 lat / 36-50 lat / powyżej 50 lat) - można wybrać tylko jedną (radio)
  • ulubiona marka samochodu (Skoda, Fiat, Augi, inne) - można wybrać tylko jedną (select)
  • ulubiony kolor: zielony, czerwony, niebieski, żółty, pomarańczowy, fioletowy, inny - można wybrać tylko jeden (datalist).
  • fragment ulubionego wiersza: możliwość wpisania 4 linijek tekstu (textarea);

Elementy typu radio ujmij we wspólną grupę (fieldset) nadając im tytuł Grupa wiekowa. Ustal kolor tła dla całej grupy: #e6ffe6. Dla całej strony ustal kolor tła: rgb(51, 26, 0). Kolor napisów na stronie ustal na: rgb(255, 255, 26).

Zadanie 3: Za pomocą poznanych składników języka HTML opracuj dokument spełniający poniższe wymagania:

  • Nagłówek poziomu 2 zawierający tekst: Pierkarnia "Świeżuch"; wyśrodkowany, czcionką Comic Sans MS;
  • Lista nieuporządkowana, której elementami będą:
    • w punkcie pierwszym: nagłówek poziomu 4 z tekstem: Chleb oraz poniżej element formularza typu select o zawartości: żytni, pszenny, razowy, wiejski;
    • w punkcie drugim: nagłówek poziomu 4 z tekstem: Bułki oraz poniżej element formularza typu select o zawartości: z makiem, z sezamem, z kruszonką, z cynamonem;
    • w punkcie trzecim: nagłówek poziomu 4 z tekstem: Ciasta oraz poniżej element formularza typu select o zawartości: rożek sorbet, kremówka, pączek, eklerka;
    • w punkcie czwartym: dwa pola tekstowe opisane jako nazwisko i imię umieszczone obok siebie;

Pod listą umieść przycisk służący do wysłania formularza ze strony do pliku o nazwie zamowienie.php

error: Content is protected !!