Wie erhöhen Sie die Höhe eines HTML-Textfelds

Wie erhöhen Sie die Höhe eines Textfelds? (zusammen mit seiner Schriftgröße)Wie erhöhen Sie die Höhe eines HTML-Textfelds

Quelle

2009-07-20 mrblah

Sie sollten keine explizite Pt oder px Messungen für CSS verwenden, sollten Sie immer ems für erhöhte Zugänglichkeit verwenden. –

Ich habe das gleiche Problem, Höhe funktioniert nicht :(http://codepen.io/leongaban/pen/Eknsc es ist wegen der Suche, werde ich morgen eine neue Frage posten –

Ich nehme von der Art, wie Sie die Frage formuliert haben, dass Sie die Größe ändern möchten, nachdem die Seite gerendert wurde?

In Javascript, können Sie DOM CSS properties, zum Beispiel manipulieren:

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

Wenn Sie einfach nur die Höhe und die Schriftgröße angeben mögen, CSS oder Style-Attribute verwenden, z.B.

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

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

Oder

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

Quelle

2009-07-20 10:48:53

Sie nicht die height und font-size CSS-Eigenschaften für Sie arbeiten?

Quelle

2009-07-20 10:49:27 Cerebrus

Ich habe das gleiche Problem http://codepen.io/leongaban/pen/Eknsc –

Verwendung CSS:

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

Quelle

2009-07-20 10:51:23 James

Warum benutzt du pt? – inspite

Erhöhung der Schriftgröße auf einem Textfeld wird in der Regel automatisch seine Größe erweitern.

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

Wenn Sie eine Höhe festlegen möchten, die nicht proportional zur Schriftgröße ist, würde ich empfehlen, so etwas wie die folgenden verwenden. Dies verhindert, dass Browser wie IE den Text oben statt vertikal zentriert darstellen.

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

Quelle

2009-07-20 10:51:30 Sam152

Guter Punkt, aufgrund der Frage, die ich angenommen habe, wollte er beide setzen, aber wenn es nur die Größe der Textbox zu dem großen Text passt, dann wäre dies die ideale Lösung. – James

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

Ersetzen Sie einfach "xx" mit dem, was Werte, die Sie wünschen.

Quelle

2009-07-21 08:58:11 user

Beachten Sie, dass Sie, wenn Sie eine mehrzeilige Textbox benötigen, eine <textarea> anstelle einer <input type="text"> verwenden müssen.

Quelle

2009-07-21 09:01:36

Mit Inline-Stil:

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

oder mit auseinander CSS:

HTML:

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

CSS:

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

Quelle

2015-09-09 05:32:04

Wenn Sie Codebeispiele buchen, veröffentlichen Sie auch Erklärungen für sie. – sideshowbarker

Wenn Sie diese mehrere Zeilen betrachten wollen:

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

Zeilen Geben Sie je nach Bedarf.

Quelle

2017-06-11 01:44:48

Wie erhöhen Sie die Höhe eines HTML-Textfelds

Antwort

Verwandte Themen