Прикрепите символ к полю ввода текста с помощью javascript/jquery
Я ищу способ 'прикрепить' долларовый $ символа к полю ввода текста, например, <input type="text" value="$" /> но сделайте не возможным для значения по умолчанию быть удаленными, так, чтобы безотносительно вводов данных пользователем, всегда существует символ $, 'предварительно ожидающий' вход.
Аплодисменты
2 ответа
Есть возможность background-image, но его сложно поддерживать, и он не реагирует на изменение размера шрифта, что делает его менее оптимальным выбором IMO.
На мой взгляд, лучшим способом было бы:
поместить
$рядом с вводом (перед ним, на самом деле).задайте ему
position: relative; left: 20px.Знак $ переместится в поле ввода.
Затем задайте полю ввода
padding-left: 24px.Вуаля! Знак $ находится в поле ввода, ничего не заслоняет и не может быть удален.
Существует возможность фонового изображения , но его трудно поддерживать, и он не реагирует на изменения размера шрифта, что делает его менее оптимальным выбором для ИМО.
Лучшим способом в моем opionion было бы:
Поместите
< span > $рядом с входом (до него, на самом деле).дать ему
положение: относительное; слева: 20рх.Символ $ затем перемещается в поле ввода.
Затем введите поле ввода
padding-left: 24px.Войла! Знак $ находится в поле ввода, ничего не скрывает и не может быть удален.
Эта библиотека, похоже, не будет развиваться дальше, я приобрел пожизненную командную лицензию и не мог связаться с разработчиком с ноября 2011 года, никакого ответа после многих электронных писем и никаких новых версий, несмотря на обещание создавать новые версии ежеквартально. Также не получил никакого сообщения от застройщика о том, что он отказывается от проекта.
-121--1225835-Это только визуальный эффект? Если да, это можно применить с CSS в качестве фонового изображения на входе.
После этого, на сервере, вы можете сделать все, что хотите со значением (например, добавить его с $).