Используя тег <input>, нужно сделать, чтоб вводимый текст имел отступ слева

@Desent · Регистрация: 07.06.2014

Студворк — интернет-сервис помощи студентам

Используя тег <input>, нужно сделать, чтоб вводимый текст имел отступ слева, а не ставился прям вначале поля ввода. Также нужно, чтоб в этом поле изначально был какой-то текст, который убирался бы при нажатии на поле ввода. Надеюсь понятно объяснил.

@aim777 · 05.08.2014, 05:51

Используя тег <input>, нужно сделать, чтоб вводимый текст имел отступ слева, а не ставился прям вначале поля ввода.

CSS
1
padding-left: 15px;

Также нужно, чтоб в этом поле изначально был какой-то текст, который убирался бы при нажатии на поле ввода.

HTML5
1
<input type="text" onfocus="if (this.value === 'Desent') {this.value = '';}" onblur="if (this.value === '') {this.value = 'Desent';}" value="Desent">

@Sabio · 05.08.2014, 18:18

Сообщение от Desent

Также нужно, чтоб в этом поле изначально был какой-то текст

Используйте атрибут placeholder элемента input.

Сообщение от Desent

который убирался бы при нажатии на поле ввода

Есть ещё такой способ:

CSS
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
input:focus:-ms-input-placeholder{
    color: transparent;
}
input:focus::-moz-placeholder{
    color: transparent;
}
input:focus:-moz-placeholder{
    color: transparent;
}
input:focus::-webkit-input-placeholder{
    color: transparent;
}
input:focus:placeholder-shown{
    color: transparent;
}

Но для IE только c 10-й версии работает.

@Eugene-nsk · 05.08.2014, 22:32

HTML5
1
<input type=text style='width:500px;padding-left:10px;box-sizing:border-box;' placeholder='Текст, который убирается бы при нажатии на поле ввода'>

box-sizing:border-box нужен для того, чтобы input не расползался от внутренних отступов.

Новые блоги и статьи Все статьи Все блоги /
Загрузка PNG-файла с альфа-каналом с помощью библиотеки SDL3_image на Android 8Observer8 27.01.2026 Содержание блога SDL3_image - это библиотека для загрузки и работы с изображениями. Эта пошаговая инструкция покажет, как загрузить и вывести на экран смартфона картинку с альфа-каналом, то есть с. . .	влияние грибов на сукцессию anaschu 26.01.2026 Бифуркационные изменения массы гриба происходят тогда, когда мы уменьшаем массу компоста в 10 раз, а скорость прироста биомассы уменьшаем в три раза. Скорость прироста биомассы может уменьшаться за. . .	Воспроизведение звукового файла с помощью SDL3_mixer при касании экрана Android 8Observer8 26.01.2026 Содержание блога SDL3_mixer - это библиотека я для воспроизведения аудио. В отличие от инструкции по добавлению текста код по проигрыванию звука уже содержится в шаблоне примера. Нужно только. . .	Установка Android SDK, NDK, JDK, CMake и т.д. 8Observer8 25.01.2026 Содержание блога Перейдите по ссылке: https:/ / developer. android. com/ studio и в самом низу страницы кликните по архиву "commandlinetools-win-xxxxxx_latest. zip" Извлеките архив и вы увидите. . .
Вывод текста со шрифтом TTF на Android с помощью библиотеки SDL3_ttf 8Observer8 25.01.2026 Содержание блога Если у вас не установлены Android SDK, NDK, JDK, и т. д. то сделайте это по следующей инструкции: Установка Android SDK, NDK, JDK, CMake и т. д. Сборка примера Скачайте. . .	Использование SDL3-callbacks вместо функции main() на Android, Desktop и WebAssembly 8Observer8 24.01.2026 Содержание блога Если вы откроете примеры для начинающих на официальном репозитории SDL3 в папке: examples, то вы увидите, что все примеры используют следующие четыре обязательные функции, а. . .	моя боль iceja 24.01.2026 Выложила интерполяцию кубическими сплайнами www. iceja. net REST сервисы временно не работают, только через Web. Написала за 56 рабочих часов этот сайт с нуля. При помощи perplexity. ai PRO , при. . .	Модель сукцессии микоризы anaschu 24.01.2026 Решили писать научную статью с неким РОманом

@Desent 3 / 3 / 1 Регистрация: 07.06.2014 Сообщений: 58

	Используя тег <input>, нужно сделать, чтоб вводимый текст имел отступ слева 05.08.2014, 03:14. Показов 15017. Ответов 3 Метки нет (Все метки) Используя тег <input>, нужно сделать, чтоб вводимый текст имел отступ слева, а не ставился прям вначале поля ввода. Также нужно, чтоб в этом поле изначально был какой-то текст, который убирался бы при нажатии на поле ввода. Надеюсь понятно объяснил. 0

Используя тег <input>, нужно сделать, чтоб вводимый текст имел отступ слева

Решение