Ιδιότητα height του HTML <input>

HTML <input> κείμενο

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

height Η ιδιότητα αυτή καθορίζει το ύψος του στοιχείου <input>.

Σημείωση:height Οι ιδιότητες αυτές αφορούν μόνο <input type="image"> Χρησιμοποιούμε ταυτόχρονα.

Σημείωση:Η ορισμός ύψους και πλάτους της εικόνας είναι καλή συνήθεια. Αν έχουν οριστεί αυτές οι ιδιότητες, όταν φορτώσει η σελίδα, θα κρατήσει τον απαραίτητο χώρο για την εικόνα. Αν δεν έχουν οριστεί αυτές οι ιδιότητες, ο περιηγητής δεν μπορεί να καταλάβει το μέγεθος της εικόνας και γι' αυτό δεν μπορεί να κρατήσει τον κατάλληλο χώρο για αυτήν. Η κατάσταση είναι ότι όταν φορτώσει η σελίδα και η εικόνα, η διάταξη της σελίδας θα αλλάξει.

Παράδειγμα

Ορίζουμε την εικόνα ως κουμπί υποβολής, με τις ιδιότητες height και width:

<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="image" src="img_submit.gif" alt="Submit" width="48" height="48">
</form>

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

Γραμματική

Γλώσσαpixels<input height="

">

Τιμή Περιγραφή
pixels Προκαθορίζει το ύψος του στοιχείου <input>, με πιξέλ (π.χ. height="100").

Υποστήριξη περιηγητών

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

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

Σημείωση:height Η ιδιότητα είναι η νέα ιδιότητα του ετικέτας <input> στο HTML5.

HTML <input> κείμενο