Как увеличить высоту текстового поля HTML - PullRequest
Новая
       6

Как увеличить высоту текстового поля HTML

49 голосов
/ 20 июля 2009

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

Ответы [ 8 ]

49 голосов
/ 20 июля 2009

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

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

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

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

//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;" .....>
24 голосов
/ 21 июля 2009

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

8 голосов
/ 20 июля 2009

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

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

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

.form-text{
    padding:15px 0;
}
4 голосов
/ 21 июля 2009 
<input type="text" style="font-size:xxpt;height:xxpx">

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

1 голос
/ 09 сентября 2015

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

    <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;
}
0 голосов
/ 11 июня 2017

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

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

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

0 голосов
/ 20 июля 2009

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

<html>
<head>
<style>
.Large
{
    font-size: 16pt;
    height: 50px;
}
</style>
<body>
<input type="text" class="Large">
</body>
</html>
0 голосов
/ 20 июля 2009

Вам не подходят свойства height и font-size CSS?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.

Нет похожих вопросов

...