Pe│ny kurs HTML 4.01, XHTML 1.0 i CSS 2 z przyk│adami autor: Dariusz Majgier • ostatnia modyfikacja: 2002.06.10 • wersja kursu: 1.1

[0-9]  A  B  C  D  E  F  G  H  I  J  K  L  M  N  O  P  Q  R  S  T  U  V  W  X  Y  Z 
[g│≤wne menu] - [elementy HTML] - [atrybuty HTML] - [style CSS] - [artyku│y]
tabele • listy • formularze • multimedia • el. strukturalne • el. blokowe • el. liniowe

FORM

Atrybuty elementu: (spos≤b opisywania)

• 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

• znacznik zamykaj▒cy: wymagany
• przegl▒darki: IE1, N1, O1

BUTTON, FIELDSET, FORM, INPUT, ISINDEX, LABEL, LEGEND, OPTGROUP, OPTION, SELECT, TEXTAREA

• 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>

• 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>