1 / 7

Obrazci in komuniciranje z obiskovalci

Obrazci in komuniciranje z obiskovalci Obrazci so zelo pripravna zadeva, saj jih obiskovalci spletnih strani lahko izkoristijo, da nam pošljejo svoje mnenje ali izpolnijo vprašalnik. Primer vprašalnika bo vseboval skoraj vse elemente, ki jih je moč uporabiti v obrazcu.

sage
Download Presentation

Obrazci in komuniciranje z obiskovalci

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Obrazci in komuniciranje z obiskovalci Obrazci so zelo pripravna zadeva, saj jih obiskovalci spletnih strani lahko izkoristijo, da nam pošljejo svoje mnenje ali izpolnijo vprašalnik. Primer vprašalnika bo vseboval skoraj vse elemente, ki jih je moč uporabiti v obrazcu. Ob kliku na gumb "Pošlji" se vsebina obrazca pošlje na elektronski naslov, ki smo ga zapisali z ukazom <FORM action= . . . >. Podjetja pogosto na strežnikih vzdržujejo zbirke podatkov o svojih strankah, npr. za naročanje raznega blaga in storitev prek obrazcev. Podatki se prenesejo v zbirko s pomočjo t.i. CGI programa. V tern primeru se vsebina ukaza <form> nekoliko razlikuje.

  2. <HTML> <HEAD> <TITLE>Obrazec</TITLE> </HEAD> <BODY> <Hl>Prosimo, izpolnite vprašalnik!</HI> <FORM ACTION="mailto:flamingo@eunet.si" METHOD="post"> <P>Vaša ime in priimek: <P><INPUT TYPE="text" NAME="Ime"> <P>V kateri državi živite? <P><INPUT TYPE="radio" NAME="Drzava" VALUE="Slovenija">Slovenija<SX> <INPUT TYPE="radio" NAME="Drzava" VALUE="Afganistan">Afganistan<;SY> <INPUT TYPE="radio" NAME="Drzava" vALUE="Zimbabve">Zimbabve<ST> <P>Kaj najraje jeste? Izberete lahko več jedi! <P><INPUT TYPE="checkbox" NAME="Hrana" VALUE="Špageti">Špageti<BR> <INPUT TYPE="checkbox" NAME="Hrana" VALUE="Pizza">Pizza<BR> <INPUT TYPE="checkbox" NAME="Hrana" VALUE="Ribe">Ribe<BR> <P>Kam boste šli na dopust? <P><SELECT NAME="Dopust" size="4"> <OPTION>Španij a <OPTION>Tanzanija <OPTION>Kanada <OPTION>Rusija </SELECT> <P>Označite vaši dve najljubši rožici: <P><SELECT MULTIPLE NAME="Roze" SIZE="4"> <OPTION>Vrtnica <OPTION>Tulipan <OPTION>Lilija <OPTION>Vijolica </SELECT> <P><INPUT TYPE="submit" VALUE="Pošlji"> <INPUT TYPE="reset" VALUE="Počisti obrazec"> </FORM> </BODY> </HTML>

  3. Okence za besedilo Naslednji element je okence za besedilo (angl. text box), ki ga vstavimo z ukazom <input TYPE="text" . . .>. Semtorej zapišemo besedilo, ki bo poslano naslovniku

  4. Izbirni gumbi Izbirni gumbi (angl. radio button) so podobni kot na starih radijskih sprejemnikih. Če torej pritisnete enega izmed njih, preostali skočijo ven. To pomeni, da imamo lahko hkrati potrjeno samo eno izbiro, saj se posamezne izbire med seboj izključujejo. <INPUT TYPE="radio" NAME="Drzava" VALUE="Slovenija">Slovenija Če se je obiskovalec odločil npr. za izbiro Slovenija, potem bo naslovniku poslana vrednosti, ki jo hranita lastnosti name in value. Obe lahko poljubno določimo. Če nameravamo podatke na strežniku shraniti v zbirko, je morda bolje, ko bi bila vrednost lastnosti VALUE enaka " l" in ne "Slovenija", kot smo določili v našem primeru.

  5. Potrditvena polja Potrditvena polja (angl. check box) imajo to prednost, da je moč hkrati označiti več izbir, saj se te med seboj ne izključujejo, kot to velja pri izbirnih gumbih. Če se obiskovalec odloči za npr. pizzo in ribe, se to pokaže v vrednostih lastnosti name in VALUE: <INPUT TYPE="checkbox" NAME="Hrana" VALUE="Pizza">Pizza<BR> <INPUT TYPE="checkbox" NAME="Hrana" VALUE="Ribe">Ribe<BR>

  6. Izbirni seznami Za izbiro dopustniškega kraja in najljubše rožice smo vstavili dva izbirna seznama (angl list box), ki pa se med seboj nekoliko razlikujeta. V prvem seznamu je moč izbrati samo eno možnost, medtem ko jih v drugem lahko označimo tudi več. Več izbir označimo tako, da kliknemo nanje, medtem ko pridržimo tipko Ctrl.

  7. Ukazni gumbi Z ukaznim gumbom (angl. command button) Submit pošljemo podatke na elektronski naslov, ki smo ga zapisali zgoraj: <INPUT TYPE="submit" VALUE="Pošlji"> Na gumbu je izpisano besedilo, ki smo ga priredili lastnosti value. Namesto "Pošlji" bi torej lahko zapisali tudi "Klikni" ali "Pusti me pri miru!". Kakorkoli že, ob kliku na ta gumb se pri obiskovalcu samodejno odpre program za delo z elektronsko pošto, ki ustvari novo sporočilo. Sporočilo se nato pošlje na elektronski naslov, ki smo ga zapisali zgoraj. Pred pošiljanjem sporočila se morda pojavi še vprašanje, ali želimo sporočilo s podatki z obrazca zares poslati naslovniku. Kaj pa gumb Resetl Preprosto: z njim počistimo vse izbire, za katere se je odločil obiskovalec. Poskusite sami!

More Related