HTML:Vormid
Allikas: Wikibooks
- FORM - vorm
- BUTTON - nupp
- FIELDSET - vormi kontroll grupp
- LEGEND
- INPUT - Vormi sisend väli
- LABEL - Vormi sisend välja märgistus
- SELECT - Valiku valija
- OPTGROUP -
- OPTION -
- OPTGROUP -
- TEXTAREA - Mitme realine teksti sisend vä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>
Sisukord |
[redigeeri] FORM
süntakaks
< FORM action method enctype accept name onsubmit onreset >
formi sisu
</form>
- action = URI - määram kuhu vorm läheb
- method = get|post - määrab milline HTTP meetodit kasutatakse andmete edastamiseks.
- enctype = content-type - kasutatakse koos INPUT element, type="file"
- accept-charset = charset list -
- accept = content-type-list [CI]
- name = cdata [CI] - annab elemendile nime mida saab kasutada CSS või skriptides
[redigeeri] INPUT
<INPUT
- type - %InputType - TEXT -- millist tüüpi sesestust 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ühi kirjeldus --
- usemap - %URI; - #IMPLIED
- ismap - (ismap) - #IMPLIED
- tabindex - NUMBER - #IMPLIED -- asetuse järkekorra number--
- accesskey - %Character; - #IMPLIED
- onfocus - %Script; - #IMPLIED -- elemendi fokusesse tulemisel --
- onblur - %Script; - #IMPLIED -- elemendi fookuse kaotamisel --
- onselect - %Script; - #IMPLIED -- teksti selekteerimisel --
- onchange - %Script; - #IMPLIED -- elemendi väärtuse muutmisel --
- accept - %ContentTypes; - #IMPLIED
>
[redigeeri] Atribuudud
- 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 = vaikimisi väärtus
- size = annab lehitsejale teada välja laiuse pixlites va "text" ja "password kus on tähelaius
- maxlength = "text" või "password"korral maksimaalne tähtede arv mida saab sisestada. Vaikimisi väärtus on piiramatu.
- checked "radio" või "checkbox" tõeväärtus (boolean) atribuut näitab et numm on sees. Lehitseja võib ignoreerida.
src = "image" tüübi puhul määrab pildi asukoha (URL-i) kasutatakse nuppude dekoreerimisel.
Mujal defineeritavad atribuudud
- 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)
[redigeeri] INPUT'i control tüübid
- 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. Sellele klikates yilevad kaasa ka x ja y kordinadid.
- reset – loob taastus nupu
- button loob nupu
- hidden varjatud control (ei kuvata ega pole võimalik lehitsejast sisestada)
- file – tekitab faili valimise control'i
[redigeeri] BUTTON
<BUTTON
- name CDATA #IMPLIED -- conroli nimi
- value CDATA #IMPLIED -- sent to server when submitted --
- type (button|submit|reset) -- nupu tüüp vaikimisi submit
- disabled (disabled) #IMPLIED -- võimatu väärtus :-) --
- tabindex NUMBER #IMPLIED -- järjekorra number --
- accesskey %Character; #IMPLIED -- --
- onfocus %Script; #IMPLIED -- element saabus fookusesse --
- onblur %Script; #IMPLIED -- element kaotas fookuse --
>
</BUTTON>