Type image значение атрибут поля ввода input
Тип поля ввода картинка. Что такое type image html, Type image - это одно из значений тега input. Абсолютно аналогичное действие, что выполняет кнопка {submit}
Тип image в поле ввода input
Что такое type image html.
У поля ввода есть типы передаваемых данных type, с разными значениями input
Одно из таких значении : "type image" - данный тип поля ввода идентичен полю {submit}, т.е. отправляет форму.
Синтаксис type image html.
Характеристики типа type image .
"type image" - данный тип данных type image предназначен для отправки формы на сервер.
Как использовать данный type image на сайте.
Добавим в атрибут "src" ссылку на картинку "https://dwweb.ru/__img/page/2020_11_20_07_58.png"
Результат:
Понадобится форма form.
Добавим еще одно поле hidden
<input value="поле tipe hidden" type="hidden" name="example">
<input style="outline: unset;" type="image" src="https://dwweb.ru/__img/page/2020_11_20_07_58.png">
</form>
И еще одно поле ввода с другим типом {submit}
Вам потребуется метод post.
Пример использования type image.
Простое условие, по которому будем получать данные из скрытого поля при нажатии на type imageif($_POST['example']) { $result = 'Вы нажали кнопку type image : '.strip_tags($_POST['example']) ;}
echo $result;
Соберем весь код вместе для type image:
Добавим стили : style="outline: unset;", чтобы обводка не показывалась во время нажатия на type image<input value="поле tipe hidden" type="hidden" name="example">
<input style="outline: unset;" type="image" src="https://dwweb.ru/__img/page/2020_11_20_07_58.png">
</form>
if($_POST['example']) { $result = 'Вы нажали кнопку type image : '.strip_tags($_POST['example']) ;}
echo $result;
Результат использования type image.
Этим вы очень поможете проекту! Заранее огромное спасибо!
