Как сделать label над input css
Для формированию подписи к текстовому полю ввода input обычно используется тэг label. Рассмотрим вариант в котором подпись поля смещена на границу. Пример на фото:
Исходный HTML файл:
class="input-box"> label name type="text"> .input-box /* родительский блок относительно которого будем формировать положение тега label */ position: relative; > input background: #fff; padding: 10px; /* закруглим края у поля ввода */ border-radius: 11px; width: 200px; > label position: absolute; /* смещение относительно родительского элемента 10px вверх от верхнего края и 10px влево */ top: -10px; left: 10px; background: #fff; padding: 0 5px; > Как сделать label над input css
Необходимо оба label-а разместить над соответствующими input-ами, но как бы я ни крутил — ничего не получается.
Подскажите: как сие осуществить?
Заранее всем благодарен.
Сообщ. #2 , 15.03.08, 06:53
Рейтинг (т): 683
Сообщ. #3 , 15.03.08, 17:25
Рейтинг (т): 53
Цитата Uncle_Bob
Видимо я не так выразился
Мне нужно label положить на input.
Сообщ. #4 , 15.03.08, 20:29
Рейтинг (т): 683
Программер ужас какой Че-то типа этого
Сообщ. #5 , 15.03.08, 20:32
Рейтинг (т): 327
Цитата Uncle_Bob @ 15.03.08, 20:29
ужас какой
Каюсь. это я насоветовал. Так на Яндексе сделано.
Надо еще я так полагаю по центру относительно инпута?
Как реализовать такое расположение текста над input?
- JavaScript
- +1 ещё
Как объеденить круговой слайдер(диапозон) с полем ввода и кнопками + и -?
- 1 подписчик
- 3 часа назад
- 28 просмотров
- HTML
- +1 ещё
Как пофиксти проблему с амперсантом?
- 1 подписчик
- 12 часов назад
- 60 просмотров
- HTML
- +2 ещё
Подобное поведение норма?
- 1 подписчик
- 14 часов назад
- 110 просмотров
- HTML
- +3 ещё
Почему не работает переход на страницу?
- 1 подписчик
- 14 часов назад
- 113 просмотров
- HTML
Почему html2pdf выдает пустой лист?
- 3 подписчика
- вчера
- 619 просмотров
- CSS
Что за баг с ховером?
- 1 подписчик
- вчера
- 102 просмотра
- HTML
- +1 ещё
Как блок вывести поверх других?
- 1 подписчик
- вчера
- 56 просмотров
- CSS
- +1 ещё
Почему не подгружается картинка?
- 1 подписчик
- вчера
- 86 просмотров
- CSS
- +2 ещё
Как Python и Selenium заставить найти текст?
- 1 подписчик
- 18 нояб.
- 53 просмотра
- HTML
- +1 ещё
Как сделать данное задание?
- 1 подписчик
- 17 нояб.
- 128 просмотров
от 150 000 ₽
от 35 000 до 40 000 ₽
20 нояб. 2023, в 11:31
2200 руб./за проект
20 нояб. 2023, в 10:43
2500 руб./в час
20 нояб. 2023, в 10:41
7500 руб./за проект
Минуточку внимания
Присоединяйтесь к сообществу, чтобы узнавать новое и делиться знаниями
- Не видно конкретный узел в другой подсети. Почему?
- 2 подписчика
- 2 ответа
- 2 подписчика
- 0 ответов
- 3 подписчика
- 2 ответа
- 2 подписчика
- 1 ответ
- 2 подписчика
- 1 ответ
- 2 подписчика
- 2 ответа
- 2 подписчика
- 2 ответа
- 2 подписчика
- 4 ответа
- 2 подписчика
- 1 ответ
- 2 подписчика
- 2 ответа
Label над input
выровнять input c label
привет подскажите пожалуйста, как выровнять input по label’y. <html> <head> .
Label поместить в поле input
Господа! Нет возможности поместить placeholder поэтому нужно классом вогнать label в поле.Расположить label и input в одну строку
Здравствуйте, подскажите как сделать чтоб мои label и input распологались не друг под другом а в.Регистрация: 26.05.2012
Сообщений: 50
можно просто поставить input выше label1 2 3 4
form action="bbd.php" method="POST"> input type="text" name="fio" placeholder="ФИО">br> label for="fio">ФИО/label> /form>