Kurs XHTML: 1.1, 1.0 / HTML: 4.01, 4.0, 3.2, 3.0, 2.0 / CSS: 2.1, 2.0, 1.0 z przykładami

[Start] • [Elementy XHTML/HTML] • [Atrybuty XHTML/HTML] • [Style CSS]
[0] [A] [B] [C] [D] [E] [F] [H] [I] [K] [L] [M] [N] [O] [P] [Q] [R] [S] [T] [U] [V] [W] [Z]

input

OPIS

Element definiuje w formularzach różnego typu pola do wprowadzania wartości przez użytkownika.

ATRYBUTY

• accept ="MIME" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
akceptowany zestaw typów MIME

• accesskey ="znak" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
skrót klawiszowy, np. c

• align ="bottom | middle | top | left | right" - (opcjonalny)

XHTML: 1.0 (TF), HTML: 4.01 (TF), 4.0 (TF), 3.2, 3.0, 2.0
wyrównanie w poziomie i pionie

• alt ="tekst" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0
tekst alternatywny gdy element nie może być wyświetlony

• checked ="checked" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
zaznacza i wybiera element

• class ="klasy" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.0
klasy CSS

• dir ="ltr | rtl" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
kierunek wyświetlania elementu

• disabled ="disabled" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.0
wyłącza element

• id ="identyfikator" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.0
unikatowy identyfikator elementu

• ismap ="ismap" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
dodaje współrzędne do adresu odnośnika

• lang ="kod języka" - (opcjonalny)

XHTML: 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.0
kod języka elementu, np. pl

• name ="tekst" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
nazwa elementu

• maxlength ="liczba" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
maksymalna długość tekstu

• readonly ="readonly" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
tylko do odczytu

• size ="liczba" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
szerokość elementu

• src ="URL" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
źródło grafiki dla przycisku

• style ="CSS" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
styl CSS elementu

• tabindex ="liczba" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
kolejność tabulacji

• title ="tekst" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
tytuł elementu

• type ="text | password | checkbox | radio | submit | reset | file | hidden | image | button" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
rodzaj elementu

• usemap ="URL" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
adres mapy dla elementu

• value ="tekst" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
wartość parametru

• xml:lang ="kod języka" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: -
kod języka elementu, np. pl

• xmlns ="http://www.w3.org/1999/xhtml" - (opcjonalny)

XHTML: 1.1, 1.0 (STF), HTML: -
przestrzeń nazw

• onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onfocus, onblur, onkeypress, onkeydown, onkeyup ="skrypt" - (opcjonalne)

XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF)
zdarzenia

POZOSTAŁE CECHY

• XHTML: 1.1, 1.0 (STF), HTML: 4.01 (STF), 4.0 (STF), 3.2, 3.0, 2.0
• może być zawarty w elementach: a, abbr, acronym, address, b, bdo, big, caption, cite, code, dd, del, dfn, div, dt, em, fieldset, h1, h2, h3, h4, h5, h6, i, ins, kbd, label, legend, li, object, p, q, rb, rt, samp, small, span, strong, sub, sup, td, th, tt, var
• może zawierać elementy: -

PRZYKŁADY ZASTOSOWAŃ

• Przykład 1:

<form action="index.php" method="get"><div>
  Imię:<br />
  <input type="text" name="imie" /><br />
  Nazwisko:<br /> 
  <input type="text" name="nazwisko" /><br />
  <input type="submit" value=" wyślij dane " />
</div></form>