Η ιδιότητα <input> placeholder του HTML

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

placeholder Η ιδιότητα καθορίζει μια σύντομη ένδειξη που περιγράφει την προσδοκώμενη τιμή του πεδίου εισαγωγής (π.χ., παράδειγμα τιμής ή σύντομη περιγραφή της προσδοκώμενης μορφής).

Η ένδειξη αυτή θα εμφανιστεί όταν το πεδίο εισαγωγής είναι κενό και θα εξαφανιστεί όταν το πεδίο αποκτήσει εστίαση.

Σημείωση:placeholder η ιδιότητα εφαρμόζεται στα παρακάτω τύποι εισαγωγής:

  • text
  • search
  • υπο网址
  • τηλεφώνου
  • ηλεκτρονική διεύθυνση
  • κωδικός

实例

包含占位符文本的电话输入字段:

<form action="/action_page.php">
  <label for="phone">Παρακαλώ εισάγετε τον αριθμό τηλεφώνου:</label><br><br>
  <input type="tel" id="phone" name="phone" placeholder="138-8888-8888"
  pattern="[0-9]{3}-[0-9]{2}-[0-9]{3}"><br><br>
  <small>Στυλ: 138-8888-8888</small><br><br>
  <input type="submit">
</form>

Προσπάθησε να το δοκιμάσεις

Γλώσσα

<input placeholder="text">

Τιμή ιδιότητας

Τιμή Περιγραφή
text Προτείνει μια σύντομη υπόδειξη για την αναμενόμενη τιμή του πεδίου εισαγωγής.

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

Ο αριθμός στη τаблицή σημαίνει την έκδοση του πρώτου προγράμματος περιήγησης που υποστηρίζει την ιδιότητα.

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
10.0 10.0 4.0 5.0 11.0

Σημείωση:placeholder Η ιδιότητα είναι μια νέα ιδιότητα του HTML5.