и при этом:
1. фокус остается на инпуте
2. можно поставить свою иконку, а не довольствоваться стандартной из type=‘search’
3. Иконка видна только когда поле чем-то заполнено
Нашел на просторах интернета вот такой способ:
https://codepen.io/dall4/pen/QWmyOWY
Автор способа написал код в 2015 году, скажите это современный метод или может быть за это время как-то синтаксис поменялся и есть более современные подходы?
не работает, мне кажется, обычное поле инпут без значка
<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>
такой вариант устроит?
Обсуждают сегодня