Как сделать в image input?

Question

[kiril9011]

Как мне сделать, чтобы <i class='fa fa-pencil' aria-hidden=true></i>
эта иконка была в input type image.

Заранее спасибо

Answer 1

[alekssamos]

1 вариант. Оберни ее в <button type="submit"></button>

2 вариант. Сделай кнопку скрытую style="display:none", а по событию onclick к этой иконке сделай .click на эту скрытую кнопку.

Comments

[kiril9011]

мне надо, чтобы не заметно что это кнопка, а второй вариант будет заметен. Подскажите пожалуйста сам код.

Answer 2

[eduardich]

input type=image принимает только изображения. В вашем случае иконка представлена с помощью иконочного шрифта, значит ничего выведено не будет. Проще найти нужную иконку отдельно и вставить в input как картинку.

<input type="image" src="сюда-вставить-изображение" width="32px" height="32px>