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]

OPTION

Atrybuty elementu:

• disabled =[brak wartości] opcjonalny - N6

wyłącza element

• selected =[brak wartości] opcjonalny - IE1, N1, O2.1

wybiera element listy

• tabindex =[cyfra] opcjonalny - IE4

kolejność tabulacji

• name =[tekst] opcjonalny - IE1, N1, O2.1

nazwa elementu

• size =[liczba] opcjonalny - IE1, N1, O2.1

szerokość elementu

• multiple =[brak] opcjonalny - IE1, N1, O2.1

wybór wielu elementów

• 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
• położenie: wewnątrz elementu SELECT
• przeglądarki: IE1, N1, O2.1

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

• Przykład 1:

<form action="..." method="get">
  Imię: <input type="text" id="imie"><br>
  Nazwisko: <input type="text" id="nazwisko"><br>
  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>