Как установить ширину текстового поля в пикселах?
Задать ширину текстового поля в пикселах через стили.
Решение
Ширина текстового поля, создаваемого с помощью тега , определяется стилевым свойством width , значение которого можно устанавливать в пикселах, процентах или других допустимых единицах, как показано в примере 1.
Пример 1. Ширина поля
HTML5 CSS 2.1 IE Cr Op Sa Fx
Ширина текстового поля Результат данного примера показан ниже.
Рис. 1. Текстовое поле с фиксированной шириной
В данном примере задана ширина поля в пикселах путем добавления свойства width к идентификатору поля user .
Заметьте, что ширина поля также определена с помощью атрибута size тега , но в случае применения стилей этот параметр игнорируется.
HTML по теме
CSS по теме
Не выкладывайте свой код напрямую в комментариях, он отображается некорректно. Воспользуйтесь сервисом cssdeck.com или jsfiddle.net, сохраните код и в комментариях дайте на него ссылку. Так и результат сразу увидят.
Популярные рецепты
Как добавить картинку на веб-страницу?
Как добавить иконку сайта в адресную строку браузера?
Как добавить фоновый рисунок на веб-страницу?
Как сделать обтекание картинки текстом?- Как растянуть фон на всю ширину окна?
- Как выровнять фотографию по центру веб-страницы?
Как разместить элементы списка горизонтально?
Как убрать подчеркивание у ссылок?
Как убрать маркеры в маркированном списке?
Как изменить расстояние между строками текста?
Как сделать, чтобы картинка менялась при наведении на нее курсора мыши?- Как открыть ссылку в новом окне?
Как увеличить размер поля ввода?
Нужно увеличить размер инпута для того, чтобы его могли свободно заполнять слабовидящие люди. Шрифт в импуте тоже желательно увеличить. Как это сделать на html, может быть, при помощи CSS? Буду благодарен любым подсказкам.
Отслеживать
8,657 18 18 золотых знаков 73 73 серебряных знака 181 181 бронзовый знак
задан 17 фев 2012 в 14:05
53 2 2 золотых знака 2 2 серебряных знака 4 4 бронзовых знака
А какой именно type у input?
17 фев 2012 в 14:19
text, comment
17 фев 2012 в 14:26
2 ответа 2
Сортировка: Сброс на вариант по умолчанию
css пропиши в файле стили для своего инпута.
.class_bla_bla
ну а тут делай как хочешь. увеличивай шрифт, другой цвет и прочее прочее прочее.
Отслеживать
ответ дан 17 фев 2012 в 14:25
12k 1 1 золотой знак 22 22 серебряных знака 41 41 бронзовый знак
Форматирование на HTML это старый век надо все делать через CSS
input.text на класс text вешаем стиль input.text думаю все понятно а параметры хоть какие можно поставить в атрибутах css
Отслеживать
ответ дан 17 фев 2012 в 14:26
FreelancerUz FreelancerUz
47 1 1 золотой знак 1 1 серебряный знак 13 13 бронзовых знаков
Если используешь height для input объязательно используй padding в IE или Firefox будет глюк текст будет находится не по центру!
17 фев 2012 в 14:29
- html
- css
-
Важное на Мете
Похожие
Подписаться на ленту
Лента вопроса
Для подписки на ленту скопируйте и вставьте эту ссылку в вашу программу для чтения RSS.
Дизайн сайта / логотип © 2023 Stack Exchange Inc; пользовательские материалы лицензированы в соответствии с CC BY-SA . rev 2023.11.15.1019
Нажимая «Принять все файлы cookie» вы соглашаетесь, что Stack Exchange может хранить файлы cookie на вашем устройстве и раскрывать информацию в соответствии с нашей Политикой в отношении файлов cookie.
Как в HTML изменить размер текстового поля в форме
Существует несколько приемов для установления поля size определенной высоты и ширины.
2 вариант. С помощью СSS
твой файл CSS myStyles.css
.myInput width:100px;
height:120px;
>
- Войдите, чтобы оставлять комментарии
- 42231 просмотр
Опубликовано пт, 11/20/2015 — 17:24 пользователем Tigran (гость)
Sarukhanyan
спс очень помого
- Войдите, чтобы оставлять комментарии
О проекте
Информационный интернет-проект, исследующий современные облачные технологии, свободное и лицензионное программное обеспечение, искусственный интеллект на основе нейронных сетей
Как изменить размер поля input
В Chrome это значение не действует, ничего не меняется.
Как изменить размер поля input в Chrome?
Заранее благодарен за ответ.
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
Ответы с готовыми решениями:
Как увеличить размер поля input на полный размер ячейки td
Добрый день. Высота input имеет явно меньше ячейки td. <table.
Как изменить размер поля ввода?
нужно чтобы они были уже
Как изменить цвет и размер шрифта input type=»radio»
<input type="radio" value="rad1" checked="checked"> OPTION 1 .
Как изменить размер Dropdown-list-а под Input[type=»text»]
Доброго времени суток всем читающим. Столкнулся с такой штукой и не знаю, что делать. Есть форма.
Изменить размер поля формы
Доброго времени суток Как изменить размер полей textarea? Они у меня просто огромны! А нужно чтобы.