Плагин для jQuery, реализует в элементе 'input' всплывающую при наведении иконку, нажатие на которую очищает input.
<form>
<input type="text" />
</form>
<script src="jquery.js"></script>
<script src="jquery.inputcleaner.js"></script>
<script>
$(document).ready(function(){
$("input").inputcleaner();
});
</script>
$("input").inputcleaner({
symbol: "<символ>",
// символ иконки, по-умолчанию ⮾ (юникодный крестик в кружочке)
// символ будет отмасштабирован по высоте под высоту инпута
color: "<цвет>",
// цвет иконки, по-умолчанию black
afterClean: function(){}
// колл-бек, будет вызван после нажатия на иконку
// также колл-бек срабатывает при "ручной" очистке инпута
// например, клавишей del с клавиатуры
});
Плагин в работе можно посмотреть на https://vklimenkov.ru/code/jquery-inputcleaner
Свободное распространение