Tworzenie Statycznych Stron Internetowych

Kurs Html

Kurs Css

Linki


Formularze

Formularze to narzędzia do gromadzenia danych. Zazwyczaj współpracują z bazami danych. Tutaj poznajemy tylko ich strukcję. Formularz otwieramy znacznikiem <Form> z atrybutami action i method. Atrybut action to określenie zachowania się danych po wyświetleniu jakiego pliku mają być przekazane ), method - określenie sposobu przesyłania (do wyboru GET lub POST).

Elementy formularza

Etykieta

Opis pola, które wyświetla się na formularzu nie jest związane z tym polem. Używanie znacznika <label> wiąże tekst etykiety z polem. Efekt jest taki że kliknięci ezarówno w pole jak i w etykiete zaznacza lub odznacza pole. Tekst etykiety może być zdefiniowany zarówno przed jak i po definicji IMPUT. Etykiety można przypisywać wszystkim typom pól formularzy.

<label><input type="checkbox" name="nazwa" value="wartość">Etykieta Pola </label>
<input type="checkbox" name="nazwa" value="wartość" id="pole">
<label> for="pole">Etykieta pola </label>

Przykładowy formularz



Płeć:





Zainteresowania: (efekt zastosowania znacznika <fieldset>)




Wiek:

Znacznik <select> może mieć atrybuy:
size=n - określa ile pozycji listy jest widocznych,
multiple - pozwala na zaznaczenie wielu opcji
Znacznik <option> może mieć atrybuty:
selected - pozycja dla której zostałn on zdefiniowany jest zaznaczona
value - określa wartość przypisaną do pozycji listy.

znane języki


Pole z możliwym napisaniem

grupowanie elementów formularza

HTML daje możliwość grupowania wybranych elementów formularzy. Wykonujemy to znacznikiem <fieldset> z pomocniczym znacznikiem <legend> definiującą położenie "tytułu grupy" (atrybut align). Przykład

<fielset>
<legend align="left">Hobby</legend>
pola zainteresowań 
</fieldset>

Listy zagnieżdżone

stosując znaczniki <select> i <option> definiujemy liste wartości. W takiej liście można nadać strukturę wielopoziomową przy pomocy znaczników <optgroup> z atrybutem label określającym tytół grópy, czyli tytół podmenu.

Usprawnienia formularza

Język HTML5 wprowadza nowe znaczniki i atrybuty usprawniające obsługę formularzy.

autofocus

ustawia automatycznie kursor w wybranym polu formularza.

autocomplete

Wyłącza autouzupełnienie pola lub całego formularza;wartości: on lub off

datalist

To opcja pozwalająca na wprowadzenie do listy wartości, nowej wartości. Konstrukcja:

< input type="text" name="blok" list="jezyk">
< datalist id="jezyk">
< option>polski< /option>
< option>angielski< /option>
< option>włoski< /option>

stwórz strone o nazwie formularz do daj nagłuwek h3 dane do dowodu osobistego i skonstrułuj strone zbierające takie informacje tzn pole nazwisko imie drógie imie typu text o maxymalnej długości 25 znaków data urodzenia rozbita na 3 listy opcji osobno dla dnia miesiąca i roku 85-2005 pole płeć typu radio wzrost typu text kolor oczu jako lista rozijalna peset typu text miejsce urodzenia znaki szczegulne jako text area 30/2 podspodem przycisk wyczyść i wyślij podłącz do strony formularz