Υποενότητα 9.1: Το HTML των φορμών: Το στοιχείο input

Το στοιχείο input

Το στοιχείο <input> έχει πολλούς ρόλους και ως εκ τούτου είναι σημαντικό για τις φόρμες.
Το στοιχείο <input> αλλάζει τον τρόπο εμφάνισής του σύμφωνα με τον τύπο (type attribute) του .

Examples

type="text": Ορίζει πεδίο εισαγωγής κειμένου μιας γραμμής

type="password": ορίζει ένα πεδίο κωδικού πρόσβασης

type="url": χρησιμοποιείται για πεδία εισαγωγής που πρέπει να περιέχουν μια διεύθυνση URL

type="email": χρησιμοποιείται για πεδία εισαγωγής που πρέπει να περιέχουν μια διεύθυνση ηλεκτρονικού ταχυδρομείου

type="hidden": δεδομένα που δεν μπορούν να προβληθούν ή να τροποποιηθούν από τους χρήστες όταν υποβληθεί μια φόρμα

type="color": χρησιμοποιείται για πεδία εισαγωγής που πρέπει να περιέχουν ένα χρώμα

type="date":χρησιμοποιείται για πεδία εισαγωγής που πρέπει να περιέχουν μια ημερομηνία

type="number": ορίζει ένα πεδίο εισαγωγής αριθμών

type="range": ορίζει έναν στοιχείο ελέγχου για την εισαγωγή ενός αριθμούr 110

type="file": χρησιμοποιείται για τη μεταφόρτωση αρχείων

Tο στοιχείο radio: επιλογή ΜΟΝΟ ΜΙΑΣ από περιορισμένο αριθμό επιλογών Male
Female
Other

Tο στοιχείο checkbox: επιλογή ΚΑΜΙΑΣ ή ΠΟΛΛΑΠΛΩΝ απαντήσεων από περιορισμένο αριθμό επιλογών I have a bike
I have a car

type="submit": Ορίζει ένα κουμπί υποβολής (για την υποβολή της φόρμας)
(Το κουμπί υποβολής δεν λειτουργεί .. μπορείτε να το πατήσετε, αλλά απλά θα βγείτε έξω από αυτή τη σελίδα)

Περισσότερες πληροφορίες: https://www.w3schools.com/html/html_form_input_types.asp