come si aumenta l'altezza di una casella di testo HTML

Come si aumenta l'altezza di una casella di testo? (insieme alle sue dimensioni del carattere)come si aumenta l'altezza di una casella di testo HTML

fonte

2009-07-20 mrblah

non si dovrebbero usare misure pt o px esplicite per css, si dovrebbe sempre usare em per una maggiore accessibilità. –

Sto avendo lo stesso problema, altezza non funziona :(http://codepen.io/leongaban/pen/Eknsc è a causa della ricerca, pubblicherò una nuova domanda domani –

Sto assumendo dal modo in cui hai formulato la domanda che vuoi modificare le dimensioni dopo il rendering della pagina?

in JavaScript, è possibile manipolare DOM CSS properties, ad esempio:

document.getElementById('textboxid').style.height="200px"; 
document.getElementById('textboxid').style.fontSize="14pt";

Se si vuole semplicemente specificare la dimensione dell'altezza e del carattere, utilizzare CSS o attributi di stile, per esempio

//in your CSS file or <style> tag 
#textboxid 
{ 
    height:200px; 
    font-size:14pt; 
} 

<!--in your HTML--> 
<input id="textboxid" ...>

<input style="height:200px;font-size:14pt;" .....>

fonte

2009-07-20 10:48:53

Non le proprietà height e font-size CSS lavorare per voi?

fonte

2009-07-20 10:49:27 Cerebrus

Ho lo stesso problema http://codepen.io/leongaban/pen/Eknsc –

Usa CSS:

<html> 
<head> 
<style> 
.Large 
{ 
    font-size: 16pt; 
    height: 50px; 
} 
</style> 
<body> 
<input type="text" class="Large"> 
</body> 
</html>

fonte

2009-07-20 10:51:23 James

Perché stai usando pt? – inspite

Aumentando la dimensione del carattere in una casella di testo di solito espandere la sua dimensione automaticamente.

<input type="text" style="font-size:16pt;">

Se si desidera impostare un'altezza non proporzionale alla dimensione del carattere, si consiglia di utilizzare qualcosa come il seguente. Ciò impedisce ai browser come IE di eseguire il rendering del testo all'interno piuttosto che verticalmente centrato.

.form-text{ 
    padding:15px 0; 
}

fonte

2009-07-20 10:51:30 Sam152

Buon punto, a causa della domanda che stavo assumendo volesse impostare entrambi, tuttavia se è solo per aumentare la dimensione della casella di testo per adattarla al testo grande, questa sarebbe la soluzione ideale. – James

<input type="text" style="font-size:xxpt;height:xxpx">

Basta sostituire "xx" con tutto ciò i valori che si desidera.

fonte

2009-07-21 08:58:11 user

Si noti che se si desidera una casella di testo a più righe, è necessario utilizzare uno <textarea> anziché uno <input type="text">.

fonte

2009-07-21 09:01:36

Con stile in linea:

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

o con parte CSS:

HTML:

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

CSS:

#txtbox { 
    font-size: 18pt; 
    height: 42px; 
    width : 300px; 
}

fonte

2015-09-09 05:32:04

Quando pubblichi degli esempi di codice, inserisci anche spiegazioni per loro. – sideshowbarker

Se si desidera più righe considerare questo:

<textarea rows="2"></textarea>

specificare le righe, se necessario.

fonte

2017-06-11 01:44:48

come si aumenta l'altezza di una casella di testo HTML

risposta

Problemi correlati