HTML <input> κείμενο

  • Προηγούμενη σελίδα <img>
  • Επόμενη σελίδα <ins>

Ορισμός και χρήση

<input> Η ετικέτα ορίζει το πεδίο εισόδου όπου ο χρήστης μπορεί να εισάγει δεδομένα.

<input> Το στοιχείο είναι ο πιο σημαντικός στοιχείο φόρμας.

<input> Το στοιχείο μπορεί να εμφανίζεται με διάφορους τρόπους, ανάλογα με Αtributo τύπου.

Ακολουθούν διαφορετικοί τύποι εισόδου:

  • <input type="button">
  • <input type="checkbox">
  • <input type="color">
  • <input type="date">
  • <input type="datetime-local">
  • <input type="email">
  • <input type="file">
  • <input type="hidden">
  • <input type="image">
  • <input type="month">
  • <input type="number">
  • <input type="password">
  • <input type="radio">
  • <input type="range">
  • <input type="reset">
  • <input type="search">
  • <input type="submit">
  • <input type="tel">
  • <input type="text">(Προεπιλεγμένο)
  • <input type="time">
  • <input type="url">
  • <input type="week">

Δείτε επίσης Αtributo τύπουΓια να δείτε παραδείγματα για κάθε τύπο εισόδου!

Παράδειγμα

HTML φόρμα που περιέχει τρία πεδία εισαγωγής; δύο πεδία κειμένου και ένα κουμπί υποβολής:

<form action="/action_page.php">
  <label for="fname">Όνομα:</label>
  <input type="text" id="fname" name="fname"><br><br>
  <label for="lname">Επώνυμο:</label>
  <input type="text" id="lname" name="lname"><br><br>
  <input type="submit" value="Υποβολή">
</form>

Δοκιμάστε το προσωπικά

Συμβουλές και Σχόλια

Συμβουλή:Πάντα χρησιμοποιήστε το ετικέτα <label> για να ορίσετε τα ετικέτες για τα παρακάτω στοιχεία:

<input type="text">
<input type="checkbox">
<input type="radio">
<input type="file">
<input type="password">

Σημείωση

Σημείωση Τιμή Περιγραφή
accept
  • Εκταση Αρχείων
  • audio/*
  • video/*
  • image/*
  • Τύπος Μέσων

Ορίζει τον τύπο αρχείου που θα υποβληθεί μέσω της μεταφόρτωσης αρχείων.

Ορίζει τους τύπους αρχείων που μπορεί να επιλέξει ο χρήστης από το παράθυρο επιλογής αρχείων (εφαρμόζεται μόνο στον type="file").
alt Κείμενο Ορίζει το εναλλακτικό κείμενο της εικόνας (εφαρμόζεται μόνο στον type="image").
autocomplete
  • on
  • off
 Ορίζει αν το στοιχείο <input> θα πρέπει να έχει ενεργοποιημένη τη λειτουργία αυτόματης συμπλήρωσης.
autofocus autofocus Ορίζει ότι το στοιχείο <input> θα πρέπει να αποκτήσει αυτόματα το φокус κατά την φόρτωση της σελίδας.
checked checked Ορίζει ότι το στοιχείο <input> θα πρέπει να είναι προεπιλεγμένο κατά την φόρτωση της σελίδας (εφαρμόζεται στους type="checkbox" ή type="radio").
dirname inputname.dir Ορίζει την κατεύθυνση του κειμένου που θα υποβληθεί.
disabled disabled Ορίζει ότι το στοιχείο <input> θα πρέπει να είναι απενεργοποιημένο.
form Ταυτότητα φόρμας Ορίζει τη φόρμα στην οποία ανήκει το στοιχείο <input>.
formaction URL Ορίζει την URL που θα χειριστεί το αρχείο του πεδίου εισαγωγής όταν υποβάλλεται η φόρμα (εφαρμόζεται στους type="submit" και type="image").
formenctype
  • application/x-www-form-urlencoded
  • multipart/form-data
  • text/plain
 Ορίζει πώς θα κωδικοποιηθούν τα δεδομένα της φόρμας όταν υποβληθούν στο διακομιστή (υποστηρίζεται για type="submit" και type="image").
formmethod
  • get
  • post
 Ορίζει τον μέθοδο HTTP που χρησιμοποιείται για να στείλει τα δεδομένα στο URL action (υποστηρίζεται για type="submit" και type="image").
formnovalidate formnovalidate Ορίζει ότι η φόρμα δεν πρέπει να ελεγχθεί κατά την υποβολή της.
formtarget
  • _blank
  • _self
  • _parent
  • _top
Όνομα καναλιού 		Ορίζει πού θα εμφανιστεί η απάντηση που λαμβάνεται μετά την υποβολή της φόρμας (υποστηρίζεται για type="submit" και type="image").
height ΠIXEL Ορίζει το ύψος του στοιχείου <input> (υποστηρίζεται μόνο για type="image").
list datalist_id Αναφέρεται στο στοιχείο <datalist> που περιέχει προκαθορισμένες επιλογές για το στοιχείο <input>.
max
  • αριθμός
  • Date
 Ορίζει την μέγιστη τιμή του στοιχείου <input>.
maxlength αριθμός Ορίζει τον μέγιστο αριθμό χαρακτήρων που επιτρέπεται στο στοιχείο <input>.
min
  • αριθμός
  • Date
 Ορίζει την ελάχιστη τιμή του στοιχείου <input>.
minlength αριθμός Ορίζει τον ελάχιστο αριθμό χαρακτήρων που απαιτούνται στο στοιχείο <input>.
multiple multiple Ορίζει ότι ο χρήστης μπορεί να εισάγει πολλαπλές τιμές στο στοιχείο <input>.
name Κείμενο Ορίζει το όνομα του στοιχείου <input>.
pattern Regular expression Ορίζει την τυπική έκφραση που ελέγχει την τιμή του στοιχείου <input>.
placeholder Κείμενο Ορίζει μια σύντομη ένδειξη για την αναμενόμενη τιμή του στοιχείου <input>.
popovertarget Element id Ορίζει το στοιχείο popup που θα καλείται (υποστηρίζεται μόνο για type="button").
popovertargetaction
  • hide
  • show
  • toggle
 Ορίζει τι θα συμβεί όταν πατήσετε το κουμπί (υποστηρίζεται μόνο για type="button").
readonly readonly Ορίζει ότι το πεδίο εισαγωγής είναι αναγνωστικό.
required required Ορίζει ότι το πεδίο εισαγωγής πρέπει να συμπληρωθεί πριν από την υποβολή της φόρμας.
size αριθμός Ορίζει το πλάτος του στοιχείου <input> (μεονότητες χαρακτήρων).
src URL Δημιουργία URL εικόνας που χρησιμοποιείται για το κουμπί υποβολής (υποστηρίζεται μόνο για type="image").
step
  • αριθμός
  • any
 Ορίζει την απόσταση μεταξύ νόμιμων αριθμητικών τιμών στο πεδίο εισόδου.
τύπος
  • button
  • checkbox
  • color
  • date
  • datetime-local
  • email
  • file
  • hidden
  • image
  • month
  • number
  • password
  • radio
  • range
  • reset
  • search
  • submit
  • tel
  • text
  • time
  • url
  • week
 Ορίζει τον τύπο του στοιχείου <input> που θα εμφανιστεί.
τιμή Κείμενο Ορίζει τη τιμή του στοιχείου <input>.
πλάτος ΠIXEL Ορίζει το πλάτος του στοιχείου <input> (υποστηρίζεται μόνο για type="image").

Γενικές αξίες

<input> Η ετικέτα υποστηρίζει επίσης Γενικές αξίες στο HTML.

Αξίες γεγονότων

<input> Η ετικέτα υποστηρίζει επίσης Αξίες γεγονότων στο HTML.

Προεπιλεγμένες ρυθμίσεις CSS

Δεν υπάρχει.

Υποστήριξη προγράμματος περιήγησης

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη Υποστήριξη

Σχετικές σελίδες

Εκμάθηση HTML:

Εγχειρίδιο αναφοράς HTML DOM:

  • Προηγούμενη σελίδα <img>
  • Επόμενη σελίδα <ins>