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

HTML <input> κείμενο

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

ширōs Η ιδιότητα καθορίζει το πλάτος του στοιχείου <input>.

Σημείωση:ширōs Οι ιδιότητες είναι σχετικές με <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>

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

Γλώσσα

<input width="pixels">

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

Τιμή Περιγραφή
pixels Ορίζει το πλάτος του στοιχείου <input>, μείον pixels (π.χ. height="100").

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

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

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

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

HTML <input> κείμενο