logo
ZASOBNIK
Polska reklama i poligrafiaZASOBNIK
Web.Reporter.pl Kurs HTML 4.01, XHTML 1.0 i CSS 2 z przykładami
autor: Dariusz Majgier • ostatnia aktualizacja kursu: 2003.06.01

[Start][Elementy HTML][Atrybuty HTML][Style CSS][Porady online]
[A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]
[kolory][tekst][czcionki][rozmiary][pozycje][tabele][listy][formularze]
[struktura][linki][multimedia][bloki][obramowania][tła][synteza][druk]

FORM

Element definiuje formularz.

Atrybuty elementu:

action =[URL, ścieżka] obowiązkowy - IE1, N1, O2.1
adres strony przetwarzającej dane
method =[get|post] opcjonalne - IE1, N1, O2.1
sposób przekazywania parametrów
enctype =[MIME] opcjonalne - IE1, N1, O2.1
sposób kodowania danych
accept-charset =[język] opcjonalne - ???
język, z jakiego pochodzą wprowadzane znaki
accept =[MIME] opcjonalne - ???
akceptowany zestaw znaków
name =[tekst] opcjonalny - IE3, N2, O3
nazwa elementu
target =[_blank|_parent|_self|_top|Nazwa] opcjonalny - IE3, N2, O2.1
okno docelowe dla otwieranego dokumentu
id, class =[tekst] opcjonalne - IE3, N4, O3.5
unikalny identyfikator i nazwa klasy CSS
lang, dir =[tekst] opcjonalne - IE4
język i kierunek wyświetlania tekstu bądź elementu
title =[tekst] opcjonalny - IE5
tytuł elementu
style =[CSS] opcjonalny - IE3, N4, O3.5
styl CSS elementu
onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup =[skrypt] opcjonalne
reakcje na zdarzenia pochodzące od myszy lub klawiatury
Pozostałe cechy:
znacznik zamykający: wymagany
przeglądarki: IE1, N1, O1
Grupa elementów tabel:
BUTTON, FIELDSET, FORM, INPUT, ISINDEX, LABEL, LEGEND, OPTGROUP, OPTION, SELECT, TEXTAREA
Przykładowe zastosowania:

• Przykład 1:

<form action="..." method="get">
<input type="hidden" name="odbiorca" value="adres@odbiorcy">
<table>
<tr><td>imie i nazwisko:</td>
<td><input type="text" name="imie"></td></tr>
<tr><td>twój adres e-mail:</td>
<td><input type="text" name="email"></td></tr>
<tr><td>treść listu:</td>
<td><textarea name="tekst" rows="5" cols="20">
</textarea></td></tr>
</table>
<input type="submit" value=" wyślij dane "> 
<input type="reset" value=" wyczyść dane "> 
</form>

imie i nazwisko:
twój adres e-mail:
treść listu:

• Przykład 2:

<form action="..." method="get">
  Miasto: 
  <select>
    <option>Warszawa</option>
    <option>Sosnowiec</option>
    <option>Inne</option>
  </select><br>
  Płeć:
  <input type="radio" name="plec" value="k"> kobieta
  <input type="radio" name="plec" value="m"> mężczyzna<br>
  Ulubione potrawy:
  <input type="checkbox" name="potrawa" value="b"> barszcz
  <input type="checkbox" name="potrawa" value="l"> łosoś
  <input type="checkbox" name="potrawa" value="i"> inna<br>
  <textarea name="tekst" rows="5" cols="20">
    Miejsce na większy tekst
  </textarea><br>
  <button type="reset" name="reset">
    skasuj<hr width=30>dane
  </button>
  <input type="submit" value=" wyślij dane "> 
</form>

Miasto:
Płeć: kobieta mężczyzna
Ulubione potrawy: barszcz łosoś inna

 
• • •
Zobacz porady, skrypty, artykuły i gotowe rozwiązania dla właścicieli stron WWW!
 
Signs.pl - Polska Reklama i Poligrafia © 1997-2019 ICOSWszystkie prawa zastrzeżone. ISSN 2657-4764