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

Question

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

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

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

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

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

555 4

html css input

4 ответов:

Comments

Ничего не найдено.

Darin Dimitrov · Accepted Answer · 2011-09-25 14:49:27

вы можете установить его 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;
}
если вы хотите ограничить количество символов, которые пользователь может вводить в это текстовое поле можно использовать :
<input type="text" id="text" name="text_name" class="mytext" maxlength="25" />

Fuzzy Analysis · Accepted Answer · 2017-07-26 05:50:26

The size атрибут работает, а так:
<input size="25" type="text" />

Janarthanan Ramu · Accepted Answer · 2015-10-15 18:40:52

попробуй такое

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

betrice mpalanzi · Accepted Answer · 2017-07-27 08:40:02

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

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

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

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