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 -
  • 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 1 FORM 2 INPUT 2.1 Atribuudud 2.2 INPUT'i control tüübid 3 BUTTON

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