1250463471

Moduł 1 Podstawy HTML

Piotr Bubacz

ITA-103 Aplikacje Internetowe

Nagłówek

Nagłówek Nagłówek

Nagłówek

dane

(scalone 2 kolumny)

dane (scalone 2 wiersze,

2 kolumny )

dane

dane dane

dane

Rys. 2 Przykład tabeli

Formularze

Formularz umożliwia pobranie od użytkownika pewnych informacji. Zawiera przycisk umożliwiający wysłanie danych do określonego pliku/aplikacji na serwerze. Przykłady wykorzystania formularza to:

• podanie danych osobowych i adresu email w celu zapisania się na forum

• rezerwacja miejsca wakacji w biurze podróży

• podawanie danych do przelewu w bankowości elektronicznej

• zakup określonych towarów i usług w sklepie internetowym

Formularze są relatywnie proste do tworzenia, przynajmniej z pozycji kodu FITML. Największy problem stanowi przetworzenie wpisanych danych po stronie serwera tak, aby odpowiadały one zamierzeniom projektanta i użytkownika.

Formularz zawarty jest w znaczniku <form>. Ma on dwa atrybuty:

• method - określa metodę, jaką zostaną wysłane dane do serwera. Są to metody protokołu http, takie jak GET i POST.

• action - określa ścieżkę do miejsca, w którym skrypt zostanie przetworzony.

Parametr action może wskazywać nie tylko ścieżkę na serwerze, ale również w prostych przypadkach umożliwia przesyłanie danych z formularza przy użyciu poczty elektronicznej:

Pola tekstowe

Pola tekstowe są wykorzystywane w wielu przypadkach do pobrania od użytkownika określonych, krótkich fragmentów tekstu, takich jak imię, nazwisko i numeru telefonu. Pole tekstowe jest tworzone przy wykorzystaniu znacznika input z parametrem type="text".

Przykład:

Imię: cinput type="text" /><br />

Nazwisko: <input type="text" /><br />

Telefon: <input type="text" />

</form>

Imię:|

Nazwisko: |" Telefon: |

Rys. 3 Przykład formularz

Należy zauważyć, że nie ma możliwości rozróżnienia poszczególnych pól formularz. Do tego celu służą parametry name i id z odpowiednimi wartościami. Wykorzystanie obu parametrów zapewni

Strona 1-14