Formularze HTML - część w przeglądarce

Zanim będziemy mogli przetwarzać dane użytkownika po stronie serwera za pomocą PHP, musimy je najpierw uzyskać. Odbywa się to w przeglądarce za pomocą formularzy HTML, w których zdefiniowane są podstawowe elementy służące do odbierania danych. Celem tego artykułu nie jest przedstawienie wszystkich możliwości formularzy, lecz jedynie podstawowych możliwości przyjmowania danych i zrozumienia zasady działania.

Podstawowe źródło formularza HTML

<form action="script.php" method="get">

<!-- Zde bude celý obsah formuláře -->

</form>

Każdy formularz rozpoczyna się od znacznika HTML <form>, a kończy znacznikiem </form>. Wszystkie pola formularza umieszczone między tymi znacznikami zostaną przesłane.

Następnie należy określić, gdzie wysłać formularz za pomocą atrybutu action (nazwa skryptu) oraz jaką metodę zastosować za pomocą atrybutu method (GET lub POST). Jeśli metoda i miejsce docelowe nie zostaną określone, formularz domyślnie wysyła się za pomocą metody GET.

Podstawowe pola formularza

Najczęściej używane pole jest używane do uzyskania tekstu (łańcucha). Każde pole ma swój własny typ i nazwę, dzięki której można je rozpoznać po przesłaniu.

Wspólne pola tekstowe

Co najważniejsze, wymagane jest zwykłe pole tekstowe:

<input type="text" name="food">

.

Pole hasła

<input type="password" name="heslo">

.

Pole wyboru

Służy do sprawdzania wartości boolean (TRUE i FALSE):

<input type="checkbox" name="vop" checked="checked">

. Czy zgadzasz się na warunki? .

Przycisk radiowy umożliwiający wybór wielu opcji

<input type="radio" name="language" value="cz" checked> Čeština
<input type="radio" name="language" value="sk"> Slovenština
<input type="radio" name="language" value="en"> Angličtina

Umożliwia on wybór spośród kilku opcji. Wybrana opcja wysyła swoją wartość. Domyślnie dobrze jest wybrać jedno pole z atrybutem checked="checked":

. Język czeski
. . Słowacki
. . Angielski .

Duże pole tekstowe

Stworzony do wprowadzania tekstu wielowierszowego. Służy również do wprowadzania danych:

• cols ~ liczba kolumn
• rows ~ liczba wierszy

<textarea name="article" cols="40" rows="6">
Ahoj lidi!
</textarea>

. Hej, chłopaki! .

Pole wyboru

Przedstawia wygodny sposób wyboru spośród wielu danych.

<select name="gender">
	<option value="man">Muž</option>
	<option value="woman">Žena</option>
</select>

Po wysłaniu formularza wysyłana jest wartość zawarta w value.

. Mężczyzna. Kobieta. .

Przycisk Wyślij

Formularz może zawierać nieograniczoną liczbę przycisków wysyłania. Są one łatwe do wprowadzenia:

<input type="submit" value="Odeslat">

Po kliknięciu pobiera on wszystkie dane z pól formularza i wysyła je do ustawionego skryptu:

.

Przetwarzanie danych na serwerze

Następnie trzeba wysłać dane na serwer i tam je przetworzyć, o czym piszemy w kolejnym artykule.

Jan Barášek   Více o autorovi

Autor článku pracuje jako seniorní vývojář a software architekt v Praze. Navrhuje a spravuje velké webové aplikace, které znáte a používáte. Od roku 2009 nabral bohaté zkušenosti, které tímto webem předává dál.

Rád vám pomůžu:

Kontakt