Инструкции

Как сделать Input с иконкой в форме

1min

Чтобы добавить в Input иконку, выполните следующие действия:

1

Выберите элемент Input. На вкладке Стилей в разделе Фон (Background) нажмите кнопку +.

Document image

2

Будет добавлен новый слой фона. Кликните по его значку.

Document image

3

Выберите вкладку Изображение (Image).

Document image

4

Нажмите кнопку Выбрать изображение (Choose image).

Document image

5

Выберите нужную иконку или загрузите новую.



Document image

6

Выберите размещение изображения слева по центру.

Document image

7

При необходимости измените размер изображения в нижней части настроек и закройте окно настроек.

Document image

8

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

Document image

9

Нажмите на кнопку предварительного просмотра для проверки результата.

Document image

10

Предварительный просмотр.



Document image




Updated 05 Oct 2023
Did this page help you?