Как увеличить высоту текстового окна html?

Как увеличить высоту текстового поля? (вместе с его размером шрифта)

Ответ 1

Я предполагаю, что вы сформулировали вопрос о том, что вы хотите изменить размер после отображения страницы?

В Javascript вы можете манипулировать свойствами DOM CSS, например:

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

Если вы просто хотите указать высоту и размер шрифта, используйте атрибуты CSS или стиля, например.

//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;" .....>

Ответ 2

Обратите внимание, что если вы хотите использовать текстовое поле с несколькими строками, вы должны использовать <textarea> вместо <input type="text">.

Ответ 3

Увеличение размера шрифта в текстовом поле обычно будет автоматически расширяться.

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

Если вы хотите установить высоту, которая не пропорциональна размеру шрифта, я бы рекомендовал использовать что-то вроде следующего. Это позволяет браузерам, таким как IE, отображать текст внутри сверху, а не вертикально по центру.

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

Ответ 4

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

Просто замените "xx" на любые значения, которые вы хотите.

Ответ 5

С встроенным стилем:

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

или с помощью CSS:

HTML:

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

CSS

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

Ответ 6

Не height и font-size Свойства CSS работают для вас?

Ответ 7

Использовать CSS:

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

Ответ 8

Если вы хотите, чтобы несколько строк учитывали это:

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

Укажите строки по мере необходимости.