169 похожих чатов

Делаю поле поиска, нужно добавить иконку, которая очищает поле поиска

и при этом:
1. фокус остается на инпуте
2. можно поставить свою иконку, а не довольствоваться стандартной из type=‘search’
3. Иконка видна только когда поле чем-то заполнено


Нашел на просторах интернета вот такой способ:
https://codepen.io/dall4/pen/QWmyOWY

Автор способа написал код в 2015 году, скажите это современный метод или может быть за это время как-то синтаксис поменялся и есть более современные подходы?

3 ответов

7 просмотров

не работает, мне кажется, обычное поле инпут без значка

<style> img{ width: 27px; } input{ border: 0px; } #search{ border: 1px solid black; width: 200px; display: flex; } </style> <div id="search"> <input type="text" name="search" autocomplete="off"> <img src="https://png.pngtree.com/element_our/20190601/ourmid/pngtree-search-icon-image_1344447.jpg" alt="search"> </input> </div>

такой вариант устроит?

Похожие вопросы

Обсуждают сегодня

Anyone here suffers from unexplained aural migraines, who would be up for talking for a bit? Doesn't *have* to be aural, but I am not asking about headaches, I mean actual mi...
Martin Rys
55
подскажите пожалуйста, как мне освободить результат записанный в переменную result? в чем проблема подскажите если МОЖЕТЕ?
Михаил Helper
28
есть тут кто-то , кто только начал изучать си? если проходите курс на степике или как-то сами изучаете, пишите, может, скооперируемся?..
Eule
25
вопрос по москвину - не понимаю вот такого вопроса похоже Сколько разных всегда завершающихся функций с типом a -> a -> b -> a -> a можно реализовать? Две функции одинаково...
Fedor
11
Слушайте, ещё такая интересная задачка. Сделан аудит действий пользователей через триггеры в базе, соответственно каждый пользователь имеет свой логин и пароль в базе. Это пре...
Сергей Бычков
12
Скажите, тут нет проблемы? IMyInterface1 = interface function GetInterface2: IInterface2; ... function TMyInterface.GetInterface2: IInterface2; begin Result := TI...
Ruslan aka DUDE
18
Как попросить stack install делать executable без .exe на винде?
Danila Danko
9
Утра доброго. Просветите пожалуйста. Хочу сделать rest сервер на делфи. Посмотрел 3 фреймворка: dmvc, Mars, mormot. Ни в одном из них не упоминается ассинхронная обработка вхо...
Сергей Бычков
10
возможно для форматирования TimeStampZ нужен другой механизм, не?
Роман Лях (rgreat)
13
я не магистр хаскеля, но разве не может лейзи тип конвертнуться в не-лейзи запросив вычисление содержимого прям при инициализации?
deadgnom32 λ madao
100
Карта сайта