Elementy formularza

autor: Mateusz Bogolubow, ostatnia modyfikacja: 2007-02-21

szukaj: formularze html input textarea select

Formularz definiujemy przez znacznik form z odpowiednimi atrybutami, pomiędzy który wstawiamy pola formularza:

<form action="plik_docelowy" method="post">
...
</form>

Metodę wysyłania możemy zmienić na method="get", ale to temat na podzielną poradę. Chodzi po prostu o to w jaki sposób mają być wysyłane dane.

Najprostszym polem formularza jest jedno-wierszowe pole tekstowe:

<input type="text" name="nazwa_pola" value="Przkładowy tekst..." />

Istnieje również pole wielo-wierszowe:

&lt;textarea name="nazwa_pola">
Przykładowy tekst...
&lt;/textarea>

Możemy utworzyć także listę rozwijaną...

<select name="nazwa_pola">
<option value="wartość pola1">tekst wyświetlany1</option>
<option value="wartość pola2">tekst wyświetlany2</option>
<option value="wartość pola3">tekst wyświetlany3</option>
</select>

... lub przycisk opcji:

<input type="radio" name="nazwa_pola" value="wybór1" checked/>
<input type="radio" name="nazwa_pola" value="wybór2" />

Ostatnią już możliwością jest pole przełącznika:

<input type="checkbox" name="nazwa_pola" checked/>

Zapewne zauważyłaś/eś, że miejscami występuje słowo checked - słowo to powoduje zaznaczenie danej opcji.

Mamy już formularz teraz stworzymy przycisk, który wyśle nasze dane:

<input type="submit" name="nazwa" value="wyślij" />

Mamy przycisk, ale w jaki sposób odebrać wysłane dane?! Odpowiedź na to pytanie znajdziesz w poradzie pobieranie danych z formularza

Mateusz Bogolubow

szukaj: formularze html input input textarea select select

Osoby czytające tę publikację przeglądały również:

Chcesz zostać programistą?

Poznaj 6 kroków do efektywnej
nauki programowania!