Podstawowe tworzenie formularzy w HTML

Podstawowa budowa formularza

<form action="mailto:xxx@poczta.onet.pl?subject=Ankieta" method="post" enctype="text/plain" accept-charset="utf-8">
Imię: <input type="text" name="imie" size="10" maxlength="10" /><br />
</form>

Powyższy formularz będzie wysyłał maila z zawartością pola imię na adres mailowy podany w Action. Dodatkowe parametry atrybutu INPUT

value="Wartość domyślna"
size="wielkość pola"
maxlength="maksymalna ilość znaków"
disable="disable" - wyłączone pole

Pole Hasło

Hasło: <input type="password" name="haslo" /><br />

W polu nie będą widoczne wpisywane znaki.

Przycisk do zaznaczenia

<input type="checkbox" name="hobby" value="plywanie" id="1" /> <label for="1">Pływanie</label> 
<input type="checkbox" name="hobby" value="gry_komputerowe" id="2" /> <label for="2">Gry komputerowe </label> 
<input type="checkbox" name="hobby" value="programowanie" id="3" /> <label for="3">Programowanie </label>

Name – nazwa checboxa – Jeśli chcesz aby się dało zaznaczyć wszystkie elementy to każdy musi mieć inna nazwę. Jeśli wpiszesz identyczna nazwę, wtedy tylko jeden checkbox będzie się dało zaznaczyć.

Value – wartość pola, gdy wykonujemy formularz a checbox pozostanie zaznaczony

id – unikalne odwołanie do pola

label – sprawia iż cały tekst również działa jako checkbox.

Pole tekstowe

<textarea cols="20" rows="10">

Menu wyboru rozwijane

<select name="kolory">
<option value="Zolty">Żółty </option>
<option value="Zielony">Zielony </option>
<option value="Czerwony">Czerwony </option>
</select>

Menu wielokrotnego wyboru

<select name="kolory" multiple="multiple">
<option value="Zolty">Żółty </option>
<option value="Zielony">Zielony </option>
<option value="Czerwony">Czerwony </option>
</select>

Dodanie pliku

<input type="file" name="plik" />

Wysłanie formularza

<input type="submit" value="Wyślij" />

Dodaj komentarz