Как определить размер текстового поля ввода в HTML?

Ответ 1

Вы можете установить его width:

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

или даже лучше определить класс:

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

и в отдельном файле CSS примените необходимый стиль:

.mytext {
    width: 300px;
}

Если вы хотите ограничить количество символов, которые пользователь может ввести в это текстовое поле, вы можете использовать атрибут maxlength:

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

Ответ 2

Атрибут size также работает

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

Ответ 3

Попробуйте это

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

Или еще

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

с помощью css:

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

Ответ 4

Вы можете установить ширину в пикселях с помощью встроенного стиля:

<input type="text" name="text" style="width: 195px;">

Вы также можете установить ширину с видимой длиной символа:

<input type="text" name="text" size="35">

Ответ 5

<input size="45" type="text" name="name">

"Размер" указывает видимую ширину в символах элемента ввода.

Вы также можете использовать высоту и ширину из CSS.

<input type="text" name="name" style="height:100px; width:300px;">