Υποενότητα 9.1: Το HTML των φορμών

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