Formularz HTML na tabelach

Formularz HTML na tabelach

Sprawdź  jak zrobić formularz HTML oparty na tabelach

 

Za pomocą formularza można przekazywać dane (zmienne) miedzy stronami www, również można wysyłać informacje na serwer. Jeśli chodzi o składnie formularza to  w języku HTML, używamy znacznika <FORM>???.</FORM>. Pomiędzy znacznikami FROM, można wprowadzić pola tekstowe, pola wyboru RADIO, przyciski itp. Na starcie przy tworzeniu formularz należy określić jego właściwości, robimy to przez ustawianie właściwości ACTION i METHOD.

  • ACTION ? określa do której strony będą wysyłane dane, może to być dowolna witryna ze skryptem. Natomiast pomocą adresu URL, można ustawić właściwości ustawiania.
  • METHOD ? określa w jaki sposób można przekazywać informacje, do dyspozycji są dwie metody:
  1. POST ? metoda poufnego przekazu informacji. Dane przekazywane są w zmiennych zadeklarowanych w odpowiednich polach formularza.
  2. GET ? ta metoda przekazuje dane na zasadzie że, jeśli będziemy chcieli przekazać informacje do kolejnej strony to dane będą znajdować się w adresie URL.

Formularzowi można również dodawać inne właściwości takie jak: (name, akcept, accept-charset, enctype)

Korzystając z powyższych właściwości można stworzyć następujący przykładowy formularz:

Najpierw tworzymy plik kontakt.php, będzie odpowiadał za wyświetlanie formularza, komunikatów i przesył pod odpowiedni adres e-mail.

Kod powinien prezentować się następująco:

<table>
<form action=”” method=”post”>
<tr>
<td>Imię i Nazwisko:</td>
<td><input type=”text” name=”formName”/></td>
</tr>

<tr>
<td>E-Mail:</td>
<td><input type=”text” name=”formEmail”/></td>
</tr>

<tr>
<td>Treść wiadomości:</td>
<td><textarea name=”formText”></textarea></td>
</tr>

<tr>
<td>&nbsp;</td>
<td><input type=”submit” name=”submit” value=”Wyślij formularz”/></td>
</tr>
</form>
</table>



Wyżej napisany kod wyświetli w formularzu pola takie jak:

  • Imię
  • Nazwisko
  • E-mail
  • Treść wiadomości