@zljuka

Как сделать часть текста в поле input не удаляемую?

Подскажите как такое сделать, допустим, есть поле ввода телефона. Нужно, чтобы префикс, допустим +38 невозможно было удалить.
  • Вопрос задан
  • 3520 просмотров
Решения вопроса 1
iiiBird
@iiiBird Куратор тега CSS
Пока ты спишь - твой конкурент совершенствуется
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 4
ExcluZZ
@ExcluZZ
adm metrsaratova.ru
Нечего тогда эту часть вообще в input пихать. Прилепи рядом, а как ты это оформишь это уже второй вопрос. Например ребята из бутстрапа предлагают такой вариант:
18da46c8785945109b516232c8bb6698.png
А так конечно можно смастерить адский велосипед на js, но зачем?
Ответ написан
Комментировать
smidl
@smidl
WordPress-разработчик
Либо яваскриптом контролировать по маске

Либо делать еще один элемент вроде span, в нем держать текст нужный и его абсолютом надвинуть на поле ввода, чтобы ввод начинался после спана как раз. Но это бредово немного.
Ответ написан
Комментировать
petermzg
@petermzg
Самый лучший программист
Так не вносите эту часть в input элемент, а отображайте в другом элементе.
Если нужно, то можете в input type='hidden' ее сохранить, а на сервере соединять значения из инпутов.
Ответ написан
@rememberMEguys
<input type="text" value="неудаляемый текст инпута" READONLY>


Когда к тегу добавляется атрибут readonly, текстовое поле не может изменяться пользователем, в том числе вводиться новый текст или модифицироваться существующий. Тем не менее, состояние и содержимое поля можно менять с помощью скриптов.
Ответ написан
Комментировать
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы