Osnove HTML-a i CSS-a - Besplatan kurs

37 lekcije

CSS

Working with FORMS

Na ovom predavanju obradićemo formu i elemente forme.

Forma predstavlja jedan interaktivni deo na WEB sajtu , gde korisnici sajta mogu da popunjavaju odredjene podatke i da ih šalju ka vlasniku WEB sajta u želji da doiju dodatne informacije, da pitaju nešta ili čak da obave kupovinu.

Izucavanje elemenata forme je podeljene u nekoliko celina. Na prvoj celini pričaću o samom form tagiu i o tagovima koji nam služe za organizaciju u okviru forme. Ono sto je bitno napomenuti je da form tag treba da ima podeßena dva atributa:

  • method (POST, GET)
  • action

Predefinisano stanje za ova dva atributa je GET i ' ';

Method GET podatke forme salje kroz URL i svi podaci su vidljivi(cak i password). GET moze da pošalje samo 3000 karaktera. Ono sto je važno napomenuti je da se osetljivi podaci ne smeju slati sa GET metodom. A poželjno je da se GET methoda koristi kada prosledjujemo neke filtere pretrage da bi ti elementi mogli da se BOOKMARK-uju

POST metoda se koristi uvek kada imamo osetljive i poverljive podatke u formi. POST metoda moze da prosledi negraničen broj podataka i podaci se šalju kroz zaglavlje (header) HTTP request-a.

 

Elementi forme za organizaciju sadrzaja  su:

  • label
  • fieldset
  • legend

Potom sledi celina sa teksualnim poljima gde korisnik mora da unese tekstualne podatke:

  • input (tip - text, email, password, tel, url, number, time, date, month, datetime ...)
  • textarea

Sledeću celinu čine polja gde korisnik od ponudjenih opcija moze da izabere jednu ili više i tu ćemo obraditi:

  • input type="radio"
  • input type="checkbox"
  • select
    • optgroup
    • option

Sledeću grupu cine polja za slanje fajlova kroz formu a to su :

  • input type="file"

Da bi sva polja koja se šalju kroz formu dobila smisao mora postojati i opcija za slanje podataka. To se može postići na dva načina:

  • input type="submit"
  • button type="submit"

A takodje postoji i opcija za resetovanje tj , brisanje svih popunjenih podataka i polj au okviru forme:

  • input type="reset"
  • button type="reset"

Korišćenjem ovog sajta prihvatate upotrebu kolačića. Saznajte više