Есть ли способ разместить изображение внутри текстового поля с помощью HTML/CSS/JS, не используя изображение в качестве фона? Изображение должно быть кликабельным и располагаться справа от поля. Благодарю.Размещение изображения внутри текстового поля с помощью HTML/CSS/JS?
Помимо изображения, плавающего над текстовым полем, с помощью позиционирования и z-индекса и добавления отступов в текстовое поле, чтобы предотвратить попадание содержимого под изображение, я не могу придумать другого пути для достижения этого.
Вы имеете в виду небольшое изображение внутри текстового поля формы? Как правило, вы можете использовать атрибут placeholder, но единственным заполнителем значения атрибута может быть текст. Если/когда они добавляют дополнительные значения для атрибута (плюс не все браузеры поддерживают заполнители), вы можете указать opacity, float и т. Д. В таблице стилей css.
Я думаю, было бы лучше, если бы вы положили маленькую иконку справа от текстового поля, это было бы легче и узнаваемо выполнить то же самое.
Хотя вы могли бы использовать z-index, я думаю, что было бы намного больше работы, чем было бы полезно, kwim?
EDIT TO ADD: Это не давало мне покоя, поэтому я сделал немного ковыряться и нашел эту ссылку: http://www.jankoatwarpspeed.com/post/2008/11/26/Make-image-buttons-a-part-of-input-fields.aspx
Я не знаю, как удобный это для вас, но, возможно, стоит взглянуть на !
Спасибо, я попробую. – Gus