Πηγαίος Κώδικας | Αποτέλεσμα στον browser |
---|---|
<form action="results.php" method="get"> Όνομα: <input type="text" name="fname"> <br /> Επώνυμο : <input type="text" name="lname"> <br /> Φύλο: <INPUT type="radio" name="sex" value="male" checked="checked" > Ανδρας <INPUT type="radio" name="sex" value="female"> Γυναίκα <input type="submit" value="Υποβολή Φόρμας"> Hobbies <INPUT type="checkbox" name="sports" value="1"> Αθλητισμός<br /> <INPUT type="checkbox" name="tv" value="1"> Τηλεόραση<br /> <INPUT type="checkbox" name="travel" value="1"> Ταξίδια<br /> <INPUT type="checkbox" name="movies" value="1"> Κινηματογράφος </form> |
Ιδιότητα | Τιμή | Περιγραφή |
---|---|---|
align | left ή right ή top ή texttop ή middle ή absmiddle ή baseline ή bottom ή absbottom |
ΔΕΝ ΣΥΜΠΕΡΙΛΑΜΒΑΝΕΤΑΙ ΣΤΗΝ HTML5 Καθορίζει την στοίχιση της εικόνας με το κείμενο που είναι δίπλα σε αυτήν. Ισχύει μόνο για type="image" |
alt | κείμενο | Ορίζει μια περιγραφή για την εικόνα που χρησιμοποιείται αντί του submit button. Χρησιμοποιείται μόνο όταν type="image" |
autocomplete (HTML5) | on ή off |
Στην περίπτωση που ορίζουμε την τιμή on, τότε θα αποθηκεύονται τα δεδομένα που πληκτρολογεί ο χρήστης και κάθε φορά που αρχίζει να πληκτρολογεί στο πεδίο, εμφανίζεται κάτω απο αυτά μια λίστα με τα δεδομένα που πληκτρολόγησε στο παρελθόν. Στην περίπτωση off δεν εφαρμόζεται η παραπάνω λειτουργία |
autofocus (HTML5) | autofocus | Η ύπαρξη της ιδιότητας autofocus στο πεδίο σημαίνει ότι κάθε φορά που φορτώνεται η σελίδα, το πεδίο γίνεται focused (μπορεί δηλαδή ο χρήστης να πληκτρολογήσει δεδομένα στο πεδίο αμέσως μετά την ολοκλήρωση της φόρτωσης της σελίδας). Δεν μπορεί να χρησιμοποιηθεί όταν type="hidden" |
checked | checked | Καθορίζει αν ένα στοιχείο της Φόρμας είναι επιλεγμένο. Ισχύει μόνο για type="checkbox" και type="radio" |
disabled | disabled | Απενεργοποιεί το στοιχείο της Φόρμας (ο επισκέπτης δεν μπορεί να γράψει (για πεδία κειμένου) ή να επιλέξει (για radio button, checkbox, listbox) Δεν ισχύει για type="hidden" |
form (HTML5) | id φορμών | Μπορεί να πάρει σαν τιμές τις τιμές των id των φορμών στις οποίες ανήκει το πεδίο, χωρισμένες με κενό |
formaction (HTML5) | URL | Ορίζει το URL που θα σταλούν τα δεδομένα του πεδίου όταν η φόρμα γίνεται submit. Υπερισχύει της ιδιότητας action της <form> |
formenctype (HTML5) | application/x-www-form-urlencoded multipart/form-data text/plain |
Ορίζει την κωδικοποίηση των δεδομένων του πεδίου που θα σταλλεί στον server. Υπερισχύει της ιδιότητας enctype της <form> |
formmethod (HTML5) | delete get post put |
Ορίζει τον τρόπο που θα σταλούν τα δεδομένα του πεδίου στον server. Υπερισχύει της ιδιότητας method της <form> |
formnovalidate (HTML5) | formnovalidate | Αν υπάρχει η ιδιότητα, τότε τα δεδομέμα του πεδίου στέλνονται στον server χωρίς να γίνεται validate |
formtarget (HTML5) | _blank _self _parent _top όνομα frame |
Ορίζει το σημείο που θα εμφανιστεί η σελίδα που ορίζεται απο την ιδιότητα formaction ή action. Υπερισχύει της ιδιότητας target |
height (HTML5) | pixels % |
Ορίζει το ύψος του πεδίου |
list (HTML5) | id ενός <datalist> | Ορίζει το <datalist> το οποίο περιέχει τα δεδομένα που μπορεί να πάρει το πεδίο |
max (HTML5) | αριθμός | Ορίζει την μέγιστη τιμή που μπορεί να πάρει ένα πεδίο. |
maxlength | αριθμός | Καθορίζει τον μέγιστο αριθμό χαρακτήρων που μπορεί να πληκτρολογήσει ο επισκέπτης |
min (HTML5) | αριθμός | Ορίζει την ελάχιστη τιμή που μπορεί να πάρει ένα πεδίο. |
multiple (HTML5) | multiple | Η ύπαρξη της ιδιότητας αυτής σε ένα πεδίο σημαίνει πως μπορούμε να επιλέξουμε σε αυτό περισσότερες από μια τιμές. |
name | όνομα στοιχείου | Καθορίζει ένα μοναδικο όνομα για το πεδίο της Φόρμας. |
pattern (HTML5) | έκφραση RegExp() της JavaScript | Ορίζει σε ένα πεδίο ένα σύνολο χαρακτήρων που μπορεί να πάρει το πεδίο αυτό. Το σύνολο χαρακτήρων προκύπτει από την μέθοδο RegExp της JavaScript. |
placeholder (HTML5) | κείμενο | Ορίζει ένα σύντομο κείμενο το οποίο περιγράφει την τιμή που παίρνει το πεδίο. Το κείμενο σβήνεται όταν ο χρήστης τοποθετεί τον κέρσορα του ποντικιού του στην περιοχή κειμένου για να πληκτρολογήσει κείμενο |
readonly | readonly | Η ύπαρξη της ιδιότητας αυτής ορίζει το στοιχείο μόνο για ανάγνωση. Ο επισκέπτης δεν μπορεί να πληκτρολογήσει δεδομένα. Ισχύει μόνο για type="text" |
required (HTML5) | required | Ορίζει τα πεδία που απαραίτητα πρέπει να συμπληρωθούν από τον χρήστη πριν την υποβολή (submit) της φόρμας |
size | αριθμός | Καθορίζει τον μέγεθος του πεδίου της Φόρμας Δεν ισχύει για type="hidden" |
src | URL | Καθορίζει το URL της εικόνας που χρησιμοποιείται αντί του submit button ισχύει για type="image" |
step (HTML5) | αριθμός any |
Ορίζει το σύνολο των αριθμών που μπορεί να πάρει ένα πεδίο. Για παράδειγμα, αν ορίσουμε στην ιδιότητα την τιμή 5, τότε οι επιτρεπτοί αριθμοί είναι οι: ...,-10, -5, 0, 5,10,15...κτλ. |
type | button checkbox color date datetime datetime-local file hidden image month number password radio range reset search submit tel text time url week |
Καθορίζει τον τύπο του στοιχείου της Φόρμας. Η εξορισμού τιμή είναι type="text" |
value | τιμή | Για τα Κουμπιά Υποβολής Φόρμας, τα Κουμπιά Καθαρισμού και τα απλά Κουμπιά καθορίζει το κείμενο επάνω σε αυτά Για τις Εικόνες Υποβολής Φόρμας καθορίζει μια συμβολική τιμή που περνά στο script αρχείο που θα επεξεργαστεί τα δεδομένα της Φόρμας Για τα Κουμπιά επιλογών και τα Κουτιά πολλαπλών επιλογών καθορίζει την τιμή που θα σταλεί στο script αρχείο που θα επεξεργαστεί τα δεδομένα της Φόρμας. Εδώ η χρήση της ιδιότητας value είναι απαραίτητη Για τα Πεδία Κειμένου, Πεδία Πληκτρολόγησης Κωδικού και τα κρυφά πεδία καθορίζει την αρχική τιμή των πεδίων Δεν ισχύει για type="file" |
width (HTML5) | pixels % |
Ορίζει το μήκος του πεδίου |