Как определить размер текстового поля ввода в HTML? - PullRequest
75 голосов
/ 25 сентября 2011

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

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

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

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

Ответы [ 5 ]

108 голосов
/ 25 сентября 2011

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

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

<input size="25" type="text" />
7 голосов
/ 09 сентября 2015

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

<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;
    }
1 голос
/ 13 ноября 2016

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

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

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

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

0 голосов
/ 14 февраля 2019
<input size="45" type="text" name="name">

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

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

<input type="text" name="name" style="height:100px; width:300px;">
Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...