Формулари су одличан алат за сакупљање информација од посетилаца Wеb сајта. Формулари дозвољавају корисницима да пошаљу коментаре и питања, затраже неку информацију,  попуне oнлajн апликацију или унесу информације за плаћање како би купили неки производ.

Креирање формулара

Да бисте креирали формулар у Dreamweaver-у, поставићете курсор на место где желите да унесете формулар. Кликнућете на Insert дугме у менију апликације, затим ћете изабрати опцију Form, затим опет Form. Други начин је преко Insert панела, изабраћете категорију Form и кликнућете на Form дугме.

Када сте поставили образац, у њега можете постављати поља образца.

сада мало латинице…

Dodavanje polja za tekst

  1. Izaberite mesto na obrazcu gde želite da postavite polje za tekst i sa palete insert izaberite dugme polja za tekst. Na stranici će se pojaviti novo polje za tekst.
  2. Ako je polje za tekst označeno, u Property Inspector videćete opcije koje možete podesiti za novo polje:
    1. TextField: sadrži ime polja, koje se može koristiti pri upotrebi java scripta i CGI skriptova na serveru
    2. CharWidth: širina oblasti za unos teksta
    3. MaxChars: maksimalan broj znakova koji se mogu upisati
    4. Type: Single line – samo u jednom redu, Multi line – u više redova, Password – sve što se upiše vidi se kao tačke.
    5. Init val: početna vrednost polja, prikazano po učitavanju stranice

 

Dodavanje polja za potvrdu (check box)

  1. Izaberite mesto na obrazcu gde želite da postavite polje za potvrdu i sa palete insert izaberite dugme polja za potvrdu. Na stranici će se pojaviti novo polje za potvrdu.
  2. Ako je polje za potvrdu označeno, u Property Inspector videćete opcije koje možete podesiti za novo polje:
    1. Checkbox name: sadrži ime polja, koje se može koristiti pri upotrebi java scripta i CGI skriptova na serveru
    2. Checked value: vrednost koja se prosleđuje serveru kada korisnik označi polje za potvrdu
    3. Initial state: pri učitavanju strane prikazuje da li je polje označeno ili nije

Dodavanje skupa polja

  1. Izaberite mesto na obrazcu gde želite da postavite skup polja i sa palete insert izaberite dugme za skup polja.
  2. Otvoriće se dijalog Fieldset na kome treba upisati legendu (tekst koji će se pojaviti na početku skupa polja)
  3. U skup polja prevucite željena polja, može da sadrži bilo koji tip polja obrazca

Dodavanje grupe radio dugmadi

  1. Izaberite mesto na obrazcu gde želite da postavite grupu radio dugmadi i sa palete insert izaberite dugme.
  2. Otvoriće se dijalog Radio group u kojem se unose vrednosti za nekoliko polja
    1. Name: ime koje se odnosi na sva radio dugmad
    2. Radio button label: oznaka za svako dugme da bi se razlikovali
    3. Radio button value: vrednost za svako dugme koja se prosleđuje serveru

Dodavanje liste/menija

  1. Izaberite mesto na obrazcu gde želite da postavite listu i sa palete insert izaberite dugme list.
  2. Otvoriće se dijalog List value gde se upišu željene opcije. U listi će se pojaviti vrednosti iz kolone Item Label, a vrednosti iz kolone Values će biti poslate serveru.
  3. Izaberite Ok i na stranice će se pojaviti lista/meni
  4. U Property Inspector-u se mogu menjati opcije
    1. List/menu: ime polja koje će pri obradi obrazca biti poslato Javascriptu na serveru
    2. Type: menu ili list, ako je list, svojstvo Height određuje broj stavki koje će biti prikazane u pokretnoj listi
    3. Initially selected: podrazumevana opcija menija koja se vidi pri učitavanju strane

Dodavanje dugmeta

  1. Izaberite mesto na obrazcu gde želite da postavite dugme i sa palete insert izaberite dugme. Na stranici će se pojaviti novo dugme sa podrazumevanom vrednošću Submit
  2. U Property Inspector –u se menjaju opcije
    1. Button Name: ime dugmeta
    2. Value: tekst koji će biti prikazan na samom dugmetu
    3. Action: Submit form (pošalji obrazac), Reset Form (resetuj obrazac), None (ništa, u Java scriptu se mogu podesiti akcije)

Детаљније објашњење за образце, са сликама имате у FORMS

 

 

 

Advertisements