HTML/Vormid
Ilme
< HTML
- FORM - vorm
- BUTTON - nupp
- FIELDSET - vormi kontrollgrupp
- LEGEND
- INPUT - vormi sisendväli
- LABEL - vormi sisendvälja märgistus
- SELECT - valiku valija
- OPTGROUP -
- OPTION -
- OPTGROUP -
- TEXTAREA - mitmerealine teksti sisendväli
Lihtne vorm
<FORM action="http://SinuDomeen.ee/kaut/Kuhu_fail.htm" method="post"> <P> <LABEL for="Eesnimi">eesnimi: </LABEL> <INPUT type="text" id="eesnimi"><BR> <LABEL for="Perekonnanimi">Perekonnanimi: </LABEL> <INPUT type="text" id="perenimi"><BR> <LABEL for="ekiri">ekiri: </LABEL> <INPUT type="text" id="ekiri"><BR> <INPUT type="radio" name="sugu" value="Mees"> Mees<BR> <INPUT type="radio" name="sugu" value="Naine"> Naine<BR> <INPUT type="submit" value="Saada"> <INPUT type="reset"> </P> </FORM>
FORM
[muuda]süntakaks
< FORM action method enctype accept name onsubmit onreset >
vormi sisu
</form>
- action = URI - määrab, kuhu vorm läheb
- method = get|post - määrab, millist HTTP meetodit kasutatakse andmete edastamiseks
- enctype = content-type - kasutatakse koos INPUT elemendiga, type="file"
- accept-charset = charset list -
- accept = content-type-list [CI]
- name = cdata [CI] - annab elemendile nime, mida saab kasutada CSSis või skriptides
INPUT
[muuda]<INPUT
- type - %InputType - TEXT -- millist tüüpi sisestust on vaja --
- name - CDATA - #IMPLIED -- vormi osa --
- value - CDATA - #IMPLIED
- checked - (checked) - #IMPLIED -- radio ja valiku ruutudele --
- disabled - (disabled) - #IMPLIED -- --
- readonly - (readonly) - #IMPLIED -- tekstidele ja salasõnadele --
- size - CDATA - #IMPLIED -- sõltuv välja tüübist --
- maxlength - NUMBER - #IMPLIED -- maksimaalne tähtede arv teksti tüübil --
- src - %URI; - #IMPLIED -- piltidega väljadel--
- alt - CDATA - #IMPLIED -- lühikirjeldus --
- usemap - %URI; - #IMPLIED
- ismap - (ismap) - #IMPLIED
- tabindex - NUMBER - #IMPLIED -- asetuse järjekorranumber--
- accesskey - %Character; - #IMPLIED
- onfocus - %Script; - #IMPLIED -- elemendi fookusse tulemisel --
- onblur - %Script; - #IMPLIED -- elemendi fookuse kaotamisel --
- onselect - %Script; - #IMPLIED -- teksti selekteerimisel --
- onchange - %Script; - #IMPLIED -- elemendi väärtuse muutmisel --
- accept - %ContentTypes; - #IMPLIED
>
Atribuudud
[muuda]- type = text|password|checkbox|radio|submit|reset|file|hidden|image|button [CI]
See atribuut määrab, mis tüüpi scontrol luuakse. Vaikimisi väärtus on "text"
- name = nimi
- value = vaikeväärtus
- size = annab lehitsejale teada välja laiuse pikselites, va "text" ja "password", kus on tähelaius
- maxlength = "text" või "password" korral maksimaalne tähtede arv, mida saab sisestada; vaikeväärtus on piiramatu
- checked "radio" või "checkbox" tõeväärtuse (boolean) atribuut, näitab et numm on sees. Lehitseja võib ignoreerida.
src = "image" tüübi puhul määrab pildi asukoha (URLi), kasutatakse nuppude dekoreerimisel
Mujal defineeritavad atribuudid
- id , class (document-wide identifiers)
- lang (language information),
- dir (text direction)
- title (element title)
- style (inline style information)
- alt (alternate text)
- align (alignment)
- accept (legal content types for a server)
- readonly (read-only input controls)
- disabled (disabled input controls)
- tabindex (tabbing navigation)
- accesskey (access keys)
- usemap (client-side image maps)
- ismap (server-side image maps)
- onfocus, onblur, onselect, onchange, onclick, ondblclick, onmousedown, onmouseup, *onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup (intrinsic events)
INPUTi control tüübid
[muuda]- text ühe realine teksti sisestamiseks
- password nagu 'text', aga varjatud tähtedega
- checkbox – valiku kastid
- radio – valiku mullid
- submit – loob vormi lõpetamise/sisestamise nupu
- image – loob graafilise nupu, millele klõpsates tulevad kaasa ka x- ja y-koordinaadid
- reset – loob taastus nupu
- button loob nupu
- hidden varjatud control (ei kuvata, ei saa lehitsejast sisestada)
- file – tekitab faili valimise control'i
BUTTON
[muuda]<BUTTON
- name CDATA #IMPLIED -- controli nimi
- value CDATA #IMPLIED -- sent to server when submitted --
- type (button|submit|reset) -- nupu tüüp, vaikimisi submit
- disabled (disabled) #IMPLIED -- võimatu väärtu --
- tabindex NUMBER #IMPLIED -- järjekorranumber --
- accesskey %Character; #IMPLIED -- --
- onfocus %Script; #IMPLIED -- element saabus fookusesse --
- onblur %Script; #IMPLIED -- element kaotas fookuse --
>
</BUTTON>