Πώς μπορεί να οριστεί το μέγεθος ενός πλαισίου κειμένου εισαγωγής στην HTML;

Εδώ είναι ένα πλαίσιο κειμένου εισαγωγής HTML:

<input type="text" id="text" name="text_name" />

Ποιες είναι οι επιλογές για τον καθορισμό του μεγέθους του πλαισίου;

Πώς μπορεί αυτό να υλοποιηθεί σε CSS;

Λύση

Θα μπορούσατε να ορίσετε το "πλάτος" του:

<input type="text" id="text" name="text_name" style="width: 300px;" />

ή ακόμα καλύτερα να ορίσετε μια κλάση:

<input type="text" id="text" name="text_name" class="mytext" />

και σε ένα ξεχωριστό αρχείο CSS εφαρμόστε το απαραίτητο στυλ:

.mytext {
    width: 300px;
}

Αν θέλετε να περιορίσετε τον αριθμό των χαρακτήρων που μπορεί να πληκτρολογήσει ο χρήστης σε αυτό το πλαίσιο κειμένου, μπορείτε να χρησιμοποιήσετε το χαρακτηριστικό maxlength:

<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />
Σχόλια (2)

Το χαρακτηριστικό "μέγεθος" λειτουργεί επίσης

<input size="25" type="text"&gt,
Σχόλια (0)

Δοκιμάστε αυτό

<input type="text" style="font-size:18pt;height:420px;width:200px;">

Ή αλλιώς...

 <input type="text" id="txtbox">

με το css:

 #txtbox
    {
     font-size:18pt;
     height:420px;
     width:200px;
    }
Σχόλια (4)