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>

Kategooria:HTML
Kategooria:HTML