webmaster webmastering webdesign

Jesteś tutaj: webmade.org >> porady >> xhtml + html + css

Elementy formularza

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

szukaj: formularze html formularze html input input textarea textarea select 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

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

Chcesz zaistnieć w sieci?
Tworzenie stron.
Skontaktuj się z nami!

 

valid XHTML
valid CSS
© 2004-2008 copyright by webmade.org