e-gradiva     HTML CSS JavaScript Načrtovanje    
  logotip  
SERŠ Maribor Iskanje Primeri

<form> ... </form>

Atributi: accept | accept-charset | action | class | dir | enctype | id | method | onclick | ondblclick | onkeydown | onkeypress | onkeyup | onmousedown | onmousemove | onmouseout | onmouseover | onmouseup | onreset | onsubmit | style | title | xml:lang
Starši: blockquote | body | dd | del | div | fieldset | ins | li | map | noscript | object | td | th
Otroci: address | blockquote | del | div | dl | fieldset | h1 | h2 | h3 | h4 | h5 | h6 | hr | ins | noscript | ol | p | pre | script | table | ul

Znački <form action="akcija.html"> in </form> sta uporabljeni za določitev začetka in konca elementa form, ki služi kot ogrodje za elemente obrazca. Do elementov in njihovih vrednosti se lahko dostopa z uporabo para name/value.

Kot gradniki obrazca se uporabljajo elementi: button, input, select in textarea.

Konceptu izdelave obrazca predvideva, da bo nek uporabnik izpolni neko polje obrazca in obrazec bo posredoval te informacije (npr. pošiljanje naslova e-pošte). Uporabniki bo vnesel neko besedilo, potrdil kontrolnike. Akcija se bo izvršila po kliku na gumba submit (potrdi). Informacija se pošlje neki zbirki podatkov, drugi strani, ali isti strani.

Atributi dokumenta, ki so pomembne pri e-prodaji in e-poslovanju so: prikazovanje informacij in produktov, možnost vnašanja podatkov, pošiljanje podatkov, dinamično spreminjanje vsebine.

Začetni privesek obrazca zahteva dva atributa. Atribut action določa komu bo informacija poslana, atribut method pa kako bo informacija poslana.

Priporočljiva je izdelava enega samega obrazca v posameznem dokumentu HTML. Mogoče je boljša rešitev razdelitve dolgega obrazca na več dokumentov.

Pogosto je obrazcu dodeli tudi ime. To se stori z atributom id in nikakor ne z name. Atribut accept-charset določa obliko podatkov, ki jo lahko obdela strežnik.

Primer

<form id="vnos" action="action.asp" method="get">
<p>
Vstavi svoje ime:
<input type="text" name="ime" value="Rok" />
</p><p>
Vstavi svoj priimek:
<input type="text" name="priimek" value="Vodopivec" />
</p>
</form>

→ JavaScript: Uporaba obrazcev v JavaScript
→ Primer vnosnega polja

SERŠ Maribor : Strokovna gimnazija : 2004 : Mario Kropej