1. Format ne HTML/XHTML
Leksion 2.1
14-Jan-19

2. Çfare jane format? <form> eshte nje tjeter lloj tagu XHTML/HTML
Format perdoren per te krijuar GUI (primitive) ne faqet Web
Zakonisht qellimi eshte qe te pyetet perdoruesi per informacion
Ky informacion me pas dergohet mbrapsht ne server
Nje form eshte nje hapesire qe mund te permbaje elementet e formave
Sintaksa eshte: <form parameters> ...form elements... </form>
Elementet e formes perfshijne: butona, checkbox-e, fusha teksti, butona radio, menu drop-down, etj.
Lloje te tjera tagesh mund te perzihen me elementet e formes
Nje forme zakonisht permban nje buton Submit per te derguar informacionin e elementeve te formes ne server
Parametrat (atributet) percaktojne menyren se si do te dergohet informacioni ne server.

3. Tagu <form>
Tagu <form atributet> ... </form> permban elementet e formes (dhe ndoshta edhe elemente te tjera)
atributet ne form tregojne se çfare duhet bere me inputin e perdoruesit
action="url" (required)
Specifikon se ku duhet te dergohen te dhenat kur te shtypet butoni Submit
method="get" (default)
Te dhenat e formes dergohen si nje URL duke i shtuar ne fund informacionin ?form_data
Mund te perdoret vetem nese te dhenat jane te gjitha ne kod ASCII dhe jo me shume se 100 karaktere
method="post"
Te dhenat e formes dergohen ne trupin e kerkeses URL
Nuk mund te behet bookmark nga shumica e browserave
target="target"
Tregon se ku duhet te hapet faqja qe eshte derguar si rezultat i kerkeses
target= _blank dmth te hapet ne nje dritare te re
target= _top dmth qe te perdoret e njejta dritare

4. Tagu <input>
Shumica, por jo te gjithe elementet e formes perdorin tagun input me nje atribut type="..." per te treguar se cili lloj elementi eshte:
type mund te jete text, checkbox, radio, password, hidden, submit, reset, button, file, ose image
atribute te tjera te tagut input perfshijne:
name: emri i elementit
id: nje identifikues unik per elementin
value: “vlera” e elementit, perdoret ne menyra te ndryshme per vlera te ndryshme te type
readonly: vlera nuk mund te ndryshohet
disabled: perdoruesi nuk mund te beje gje me kete element
Per tagun input percaktohen edhe atribute te tjera, por ato kane kuptim vetem per disa vlera te atributit type

5. Input teksti – Shembuj
A text field:
<input type="text" name="textfield" value="with an initial value" />
A multi-line text field
<textarea name="textarea" cols="24" rows="2">Hello</textarea>
A password field:
<input type="password" name="textfield3" value="secret" />
• Vini re qe dy nga shembujt perdorin tagun input , kurse njeri perdor textarea

6. Butonat submit: dergo te dhenat
A submit button: <input type="submit" name="Submit" value="Submit" />
A reset button: <input type="reset" name="Submit2" value="Reset" />
A plain button: <input type="button" name="Submit3" value="Push Me" />
submit: dergo te dhenat
reset: rikthe te gjithe elementet e formes ne gjendjen e tyre fillestare
button: kryej ndonje veprim te specifikuar nga JavaScript

7. Butonat Radio
Radio buttons:<br> <input type="radio" name="radiobutton" value="myValue1" /> male<br> <input type="radio" name="radiobutton" value="myValue2” checked="checked" />female
Nese dy apo me shume butona radio kane te njejtin emer (name), perdoruesi mund te zgjedhe vetem njerin prej tyre
Me ane te ketij atributi realizohen grupet e butonave radio
Nese ju kerkoni vleren e ketij emri, ju do te merrni atributin value te percaktuar per butonin radio te zgjedhur
Butonat radio nuk permbajne ndonje tekst

8. Etiketat (Labels)
Ne shume raste, etiketat per kontrollet nuk jane pjese e kontrolleve
<input type="radio" name="gender" value="m" />male
Ne kete rast, klikimi ne fjalen “male” nuk ka efekt
Nje tag label do ta lidhe tekstin me kontrollin
<label><input type="radio" name="gender" value="m" />male</label>
Klikimi ne fjalen “male” tani klikon edhe butonin radio
Etiketat gjithashtu ndihmojne lexuesit e faqeve, qe t’i lexojne faqet ne menyre te sakte
Disa browsera mund t’i shfaqin etiketat ne menyra te ndryshme

9. Checkbox-et type: "checkbox"
A checkbox: <input type="checkbox" name="checkbox" value="checkbox" checked="checked">
type: "checkbox"
name: perdoret per t’iu referuar ketij elementi nga JavaScripti
value: vlera qe kthehet kur eshte zgjedhur elementi
Vini re qe nuk ka tekst qe lidhet me checkbox-in
Pervec rastit kur ju perdorni tagun label, efekti merret vetem duke klikuar kutine

10. Menute Drop-down ose listat
A menu or list: <select name="select"> <option value="red">red</option> <option value="green">green</option> <option value="BLUE">blue</option> </select>
Atribute shtese:
size: numri i elementeve te dukshme ne liste (vlera default eshte "1")
multiple
Nese eshte "true" (ose dicka tjeter), mund te zgjidhen dise elemente te listes
Nese nuk eshte vendosur, mund te zgjidhet vetem nje element
Nese eshte "false", sjellja varet nga browseri specifik

11. Fushat e fshehura
<input type="hidden" name="hiddenField" value="nyah"> <-- right there, don't you see it?
Pse perdoren?
Te gjithe fushat input dergohen mbrapsht ne server, duke perfshire edhe fushat e fshehura
Kjo eshte nje menyre per te perfshire informacion qe nuk eshte i nevojshem te shihet nga perdoruesi ( ose qe ju nuk deshironi qe perdoruesi ta shohe)
Atributi value i nje fushe te fshehur mund te marre nje vlere ne menyre programatike (nga JavaScript) perpara se forma te dergohet ne server.

12. Shembull
<html> <head> <title>Get Identity</title> </head> <body> <p><b>Who are you?</b></p> <form method="post" action=""> <p>Name: <input type="text" name="textfield"> </p> <p>Gender: <label><input type="radio" name="gender" value="m" />Male</label> <label><input type="radio" name="gender" value="f" />Female</label> </p> </form> </body> </html>

13. Pyetje