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

Вот текстовое поле ввода HTML:

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

Какие есть варианты определения размера коробки?

Как это можно реализовать в CSS?

Вы можете установить его 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" />

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

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

Попробуй это

<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;
    }

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

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

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

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

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

«Размер» определяет видимую ширину в символах ввода элемента.

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

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