• Përshëndetje Vizitor!

    Nëse ju shfaqet ky mesazh do të thotë se ju nuk jeni regjistruar akoma. Edhe pse nuk jeni regjistruar ju arrini të shihni pjesën me të madhe të seksioneve dhe diskutimeve të forumit, por akoma nuk gëzoni të drejten për të marrë pjesë në to dhe në avantazhet e të qënurit anëtar i këtij komuniteti. Ju lutem : REGJISTROHUNI që të dërgoni postime dhe mesazhe në Forum-Al.

    Regjistrohu !

HTML Mësimi 9 – Përdorimi i Forms

Forum-Al

Aty ku shqiptarët mblidhen
Anëtar
Jan 5, 2010
Postime
560
Pikët
28
Vendndodhja
Forum
Që të kuptoni mirë këtë tutorial juve do ju duhet të lexoni ato të mëparshmet që mund ti gjeni në krahun e djathtë të listuara.

Si e thashë edhe më lartë, forms janë një element i HTML me anë të cilit ju mund të merrni inpute të ndryshëm nga lexuesit e faqes. Doni të dini mendimin e tyre mbi diçka, doni të dini çfarë i pëlqen më shumë? Forms ju vijnë në ndihmë. Forms kanë në HTML një ndërtim të tillë:

Gjerat e nevojshme Form ka elementë të ndryshëm që ndryshe quhen edhe Widget. Elementet e mundëshëm mund të jenë:

  • Text Widget – Shërben për futjen e tekstit
  • Radio Button – midis shumë alternativave ne mund të zgjedhim vetëm një
  • Check Boxes – si të mësipërmet por këtu mund të zgjedhim më shumë se një alternativë
  • Submit Button – dërgon datat në server edhe programi kryen punën e kërkuar
Duke parë edhe funksionimin e Submit Button do të shihni që Form vepron në dy proçese:

  • FrontEnd – ka të bëjë me datat që vendosim ne
  • BackEnd – ka të bëjë me veprimet e serverit kur dërgohen datat. Normalisht në këtë raste përdoren scripte të ndryshme që kryejnë gjënë e dëshiruar. Scriptet mund të jenë CGI, PERL, ASP apo edhe të tjera.
Tagu FORM mund të marri atributet e mëposhtëme:

  • name – vendosim emrin e formës tonë sipas dëshirës
  • method – metoda e përdorur që mund të jetë GET ose POST (do flasim më poshtë më gjërë)
  • action – tregon vendndodhjen e scriptit që duam të përdorim
- Elementët e Form

Më sipër përmendëm elementët e form e tani do ti marrim një nga një me shembuj konkret.

Për përdorimin e Form ne duhet të përdorim Tagun INPUT.

a – Text Fields

Kemi të bëjmë në ato raste kur përdoruesi vendos një tekst, numër apo karakter tjetër në formën e krijuar. Një shembull i një kodi HTML është ky i mëposhtëmi.

Emri:
Mbiemri:b – Radio Buttons

Këtu duhet të kemi kujdes, sepse fjala qëndron jashtë tagut edhe që të krijojmë një grup fjalësh të përdorura për Radio Button duhet të kenë atributin name të njëjtë. Më poshtë një shembull konkret.

Mashkull
Femërc – CheckBoxes

Këtu mund të zgjedhim shumë alternativa. Si në rastin e mësipërm duhet të përdorni një atribut Value për ta identifikuar kutinë që zgjidhni. Gjithashtu është mirë që të përdorni të njëjtin emër për të kuptuar që ishin bashkë në formularin që përdorët.

Unë kam flokë të zeza:
Unë kam sy jeshile:
Unë kam syze:Në default kutitë nuk janë të selektuara. Nëse ju doni ta bëni këtë duhet të shtoni atributin checked=”checked”.

d – Butoni Submit edhe action i form

Si e thamë më lart butoni Submit shërbente për ti dërguar scriptit informacionet e vendosura në inputet e formës tonë. Se kujt script i dërgohen këto informacione përcaktohet me anë të atributit action tek tagu form. Më poshtë po marrim një shembull:

Fjalëkalimi: Më sipër ju përmenda dy metodat që mund të marrin atributi methot i tagut form. Ato janë pikërisht:

  • get – me anë të kësaj metode në shfletuesin tonë do të shfaqen të gjitha informacione që kemi vendosur. Dmth krijohet një URL e gjat me informacionet tona. Kjo mund të shërbej për ruajtjen tek favoritet të formularit tonë të plotësuar
  • post – nuk krijohet gjë në shfletues si metoda e mësipërme
Nëse ne do duam që në vend të një butoni të thjeshtë të përdornim një imazh si buton atëher do të duhet të përdorim një kod si ky i mëposhtëmi:

Kur ne shtypim butonin Dërgo të gjithë të dhënat dërgohen në server edhe përpunohen nga scripti.

e – TextArea

Inputi text që përdorëm në pikën e parë pranon vetëm 20 karaktere. Nëse ne do duam të vendosim më shumë atëher do na duhet të krijojmë një textarea e cila përmban një numër të pakufizuar karakteresh. Një kod html për atë do të ishte:

Teksti Default ketuAtributet e përdorura janë:

  • name – përcakton emrin e këtij elementi
  • cols – përcakton gjerësinë e kutisë së krijuar
  • rows – përcakton gjatësin e kutisë së krijuar
Doni të shikoni të gjithë format në veprim? Klikoni Këtu për ti shikuar në shfletues.

Doni të testoni njohuritë e marra në këtë mësim? Atëher provoni të bëni Quizin tonë:



HTML Mësimi 9 – Përdorimi i Forms është një postim nga: Feniksi.Com - Thesari i Njohurive



Forum-Al.com
Aty ku shqiptarët mblidhen!
 
Top