HTML/Vormid

• FORM - vorm
  • BUTTON - nupp
  • FIELDSET - vormi kontrollgrupp
    • LEGEND
  • INPUT - vormi sisendväli
  • LABEL - vormi sisendvälja märgistus
  • SELECT - valiku valija
    • OPTGROUP -
      • OPTION -
  • 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

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

<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

• 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

• 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

<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>