Как сделать данный input?

Question

[Waist0fer]

Как сделать такой input? С помощью html,css,js?

Comments

[Ankhena]

Уточните, что именно вызывает сложности?

[Фёдор]

Ankhena, я думаю у человека возник вопрос как добавить чекбоксы в инпут и иконку письма в инпут

[Ankhena]

Фёдор, надеюсь, что вы единственный, кто видит там чекбоксы.

[Фёдор]

Ankhena, имелось ввиду иконку \ значок подтверждения введённых данных

[Ankhena]

Фёдор, больше похоже на то, что автору вообще плевать на вопрос.

А учитывая, что ответ на вопрос Как сделать чтоб при введении email загорелась иконка??? автор уже получил довольно давно, то и вовсе не понятны проблемы.

Answer 1

[Надим]

Для определения состояния поля используйте псевдоклассы:

:foucus
:invalid
:valid

Для установки иконок внутри поля справа, используйте абсолютное позиционирование на сами иконки и селекторы соседей, чтобы выводить те или иные иконки с опорой на состояние полей.

Answer 2

[SHNM]

С помощью html,css,js?

Да