Come si può definire la dimensione di una casella di testo in HTML?

Question

Altro

Fonte Versione non AMP Modifica

Ecco una casella di testo HTML:

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

Quali sono le opzioni per definire la dimensione della casella?

Come può essere implementato nei CSS?

Programmazione

html css input

25º settembre 2011 в 11:48

17 visualizzazioni

Fonte Versione non AMP Modifica

Anche l'attributo size funziona

input size="25" type="text">

43

0

Commentari (0)

Fonte Versione non AMP Modifica

Prova questo

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

Oppure

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

con il css:

 #txtbox
    {
     font-size:18pt;
     height:420px;
     width:200px;
    }

8

0

Commentari (4)

Darin Dimitrov · Accepted Answer · 2011-09-25T11:49:27+00:00

Potresti impostare la sua "larghezza":

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

o meglio ancora definire una classe:

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

e in un file CSS separato applicare lo stile necessario:

.mytext {
    width: 300px;
}

Se vuoi limitare il numero di caratteri che l'utente può digitare in questa casella di testo puoi usare l'attributo maxlength:

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