Используйте макет начальной загрузки, чтобы добавить значок Clear Click в одном щелчке в поле ввода ввода, такой как значок Clear Click One Click в поле «Имя входа в систему» и значок «Маленький глаз», который отображает пароль в поле ввода пароля, как показано на рисунке ниже:
Однако при размещении значков в поле ввода входные входные входные ввод эти небольшие значки не могут получить события щелчка;
Итак, вопрос в том, как эти маленькие значки могут получить события клика?
Я не знаю, но я могу использовать круговой способ для косвенного реализации этой функции .
*** Ключевой момент:
Решение: добавьте невидимый элемент в положение маленького значка, а размер элемента просто покрывает маленький значок, но нет цвета фона и границы; Это эквивалентно покрытию маленького значка прозрачным одеялом;
Скопируйте код следующим образом: <div>
<pran> <i> </i> </span>
<input type = "text" Placeholder = "Account/Number/Email" ID = "Имя пользователя">
<span style = "display: inline block;"> </span> <-маленький элемент значка->
<span style = "Display: Inline Block; граница: 1px Solid Red;
</div>
Добавьте события в этот элемент, который наложен на маленький значок. Функция небольшого значка состоит только в том, чтобы отображать и скрыть по мере необходимости;
Это косвенно реализовано. Является ли эффект щелчка небольшого значка отличным решением? Спасибо за чтение, и я надеюсь, что это поможет вам плавно решить проблему.
Если вы все еще хотите учиться в глубине, вы можете нажать здесь, чтобы узнать и прикрепить к вам две захватывающие темы: учебник по обучению начальной загрузки.