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]

INPUT

Atrybuty elementu:

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

wyłącza element

• usemap =[ścieżka, URL] opcjonalny - IE1, N1, O2.1

adres mapy dla elementu

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

dodaje współrzędne do adresu odnośnika

• src =[ścieżka, URL] opcjonalny - IE1, N1, O2.1

źródło grafiki dla przycisku

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

tekst alternatywny gdy element nie może być wyświetlony

• readonly =[brak] opcjonalny - IE4, N6

tylko do odczytu

• accept =[MIME] opcjonalne - ???

akceptowany zestaw znaków

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

szerokość elementu

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

zaznacza i wybiera element

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

maksymalna długość tekstu

• align =[bottom|middle|top|left|right] opcjonalny - IE1, N1, O2.1

wyrównanie w poziomie i pionie

• accesskey =[litera] opcjonalny - IE4

skrót klawiszowy

• tabindex =[cyfra] opcjonalny - IE4

kolejność tabulacji

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

nazwa elementu

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

wartość parametru

• type =[text|password|checkbox|radio|submit|reset|file|hidden|image|button] opcjonalny - IE1, N1, O2.1

rodzaj elementu

• 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, onfocus, onblur, onkeypress, onkeydown, onkeyup =[skrypt] opcjonalne

reakcje na zdarzenia pochodzące od myszy lub klawiatury

• znacznik zamykający: zabroniony
• położenie: wewnątrz elementu FORM
• 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>