Formularze - podstawy
- <form> - Formularz - dokument z polami (rubrykami) do wypełnienia.
- <input> in - input - wejście.
- <input type="wejścia różnego typu np. password który ukrywa wpisywane hasło"> in - input - wejście.
<form action="Login.php" method="POST">
Login:<input type="text" name="Login"> <br>
Hasło:<input type="password" name="Pass">
<input type="submit" value="Zaloguj się">
</form>
- Pole radio - radio - Ile masz lat?
- Pole wyboru - checkbox - Jakie jest Twoje hobby?
- <fieldset> - zbiór(zestaw) pól
- <legend> - opis dla fieldset
- <label> - etykieta
- checked - zaznaczone
- required - wymagane
- autofocus - automatyczne fokusowanie
- autocompete - automatyczne uzupełnianie, domyślnie jest włączone ale można wyłączyć "off"
- size - wielkość okienka
- maxlength - maksymalna ilość znaków
- placeholder - tekst który trzyma miejsce na inny tekst(opis)
- value - wartość domyślna
- <textarea name="" id="" cols="30" rows="10"></textarea> - obszar tekstowy
<form action="ankieta.php">
<fieldset>
<legend>Ile masz lat?</legend>
<input type="radio" name="Kategoria_wiekowa" id="Kategoria_wiekowa1" value="dzieci" checked><label for="Kategoria_wiekowa1">0-18</label> <br>
<input type="radio" name="Kategoria_wiekowa" id="Kategoria_wiekowa2" value="dorośli"><label for="Kategoria_wiekowa2">19-64</label> <br>
<input type="radio" name="Kategoria_wiekowa" id="Kategoria_wiekowa3" value="emeryci"><label
for="Kategoria_wiekowa3">65+</label>
</fieldset>
Ilość sztuk: <input type="number" autofocus value="1" autocompete="off" size="1" maxlength="1">
Numer domu: <input type="text" required placeholder="Uzupelnij Pole"
Numer Mieszkania: <input type="text" >
<input type="submit" value="Wyślij">
</form>
- aby była możliwość tylko jednokrotnego wyboru wejśćia muszą mieć tą samą nazwe(name).
- dodatnie etykiety label która odnosi się do konkrentego id inputu pozwala na zaznaczanie checkboxa naciskając na tekst.
- podobnie programuje się checkboxa tylko zamiast radio daje sie checkbox
- dodatnie atrybutu checked do inputu powoduję domyślne zaznaczenie wybranej opcji. Przydatne gdy coś musi zostać wybrane np. przy wybieraniu opcji dostawy przy zamównieniu lub opcji oplacenia zamówienia.
Darmowy hosting zapewnia PRV.PL