Υποενότητα 9.1: Το HTML των φορμών
Υποενότητα 9.1: Το HTML των φορμών
- ρόλος και δημιουργία φόρμας
- στοιχείς - elements
- ιδιότητες - attributes
- προσβασιμότητα - accessibility
Form input ιδιότητες - attributes
Η ιδιότητα- attribute name
Κάθε πεδίο εισαγωγής πρέπει να έχει ένα χαρακτηριστικό όνομα- name για να υποβληθεί η τιμή του.
Οι πληροφορίες σε πεδία που δεν έχουν χαρακτηριστικό όνομα δεν διαβιβάζονται κατά την υποβολή μιας φόρμας.
Έτσι, η πιο απλή είσοδος θα ήταν:
<input type="text" name="firstname"/>
Άλλες ιδιότητες
autofocus: θα εμφανίσει την "εστίαση - focus" του δρομέα σε αυτό το πεδίο όταν φορτώνεται η σελίδα. Συνήθως επιλέγουμε να εστιάσουμε στο πρώτο πεδίο εισαγωγής της φόρμας,
<input type="text" name="firstname" autofocus="autofocus"/>
value: καθορίζει την αρχική τιμή για ένα πεδίο εισαγωγής,
<input type="text" name="firstname" value="Vasilis"/>
size: καθορίζει το μέγεθος (πλήθος χαρακτήρων) για το πεδίο εισαγωγής,
<input type="text" name="firstname" value="Vasilis" size="50"/>
placeholder: ένα παράδειγμα ή μια σύντομη περιγραφή των πληροφοριών που θέλουμε να συμπληρώσει ο χρήστης,
<input type="text" name="firstname" placeholder="Your name goes here"/>
minlength: καθορίζει το ελάχιστο επιτρεπτό μήκος (πλήθος χαρακτήρων) για το πεδίο εισαγωγής,
<input type="text" name="firstname" placeholder="Your name goes here" minlength="5"/>
required: ορίζει ότι πρέπει να συμπληρωθεί υποχρεωτικά ένα πεδίο εισαγωγής πριν από την υποβολή της φόρμας,
<input type="text" name="firstname" placeholder="Your name goes here" minlength="10" required/>
Ίσως έχετε παρατηρήσει ότι μερικά από αυτά τα χαρακτηριστικά φαίνεται να έχουν την ίδια λειτουργικότητα. Ωστόσο, στην επόμενη υποενότητα, θα μάθουμε πώς κάθε ένα από αυτά διαφέρει το ένα από το άλλο και γιατί τα χρειαζόμαστε όλα.
Περισσότερες πληροφορίες: https://www.w3schools.com/html/html_form_attributes.asp