No i pora na ostatni element kursu czyli formularze <form></form>. Posiada on 2 argumenty method=”” oznacza ona sposób przesyłania danych i przyjmuje 2 wartości „GET” czyli przesyłanie jawne(w adresie URL) i „POST” czyli nie jawne(nie widoczne w ardesie URL). Kolejnym z argumentów jest action=”” zawiera on adres url przetwarzający dane z formularza. Formularz zawiera pola tak zwane inputy <inpyt type=””>
A oto przykładowe typy inputów
<form>
<input type="text"> - pole tekstowe <br>
<input type="password"> - pole z hasłem<br>
<input type="email"> - pole z emailem<br>
<input type="tel"> - numer telefonu<br>
<input type="range"> - pole z suwakiem<br>
<input type="radio" name="1"> <input type="radio" name="1"> - pole wyboru (jednokrotny wybur) <br>
<input type="checkbox"> <input type="checkbox"> - pole wyboru (wielokrotny wybur) <br>
<input type="number"> - pole z numerem<br>
<select>
<option>opcja 1</option>
<option>opcja 2</option>
<option>opcja 3</option>
</select> - pole wyboru <br>
<input type="reset" value="reset formularza"> <br>
<input type="submit" value="wysłanie formularza">
</form> A oto jak to wygląda na stronie:
Inputy posiadają też następujące argumenty min i max oznaczające minimalną i maksymalną wartość oraz minlenght i max lenght oznaczające minimalną i maksymalną długość oraz atrybut size oznaczający długość pola
a oto przykładowy kod:
<form>
<input type="text" minlength="2" size="2" maxlength="3"> <br>
<input type="number" min="5" max="10"> <br>
<input type="number" minlength="3" size="5"> <br>
<input type="submit">
</form> A oto jego rezultat: