Web.Reporter.pl 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]
tabelelistyformularzemultimediael. strukturalneel. blokoweel. liniowe

INPUT

Element definiuje różne pola w formularzach.

Atrybuty elementu: (sposób opisywania)

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
Pozostałe cechy:
znacznik zamykający: zabroniony
położenie: wewnątrz elementu FORM
przeglądarki: IE1, N1, O2.1
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">
  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>

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

• • •
Masz jakieś pytania? Podyskutuj na forum dyskusyjnym o HTML i CSS!