Всех друзей поздравляем с Новым годом! Всего вам самого наилучшего! Всех благ, здоровья а материальное приложится!
СКРИПТЫ althtmlcssphpjsblog

Type image значение атрибут поля ввода input

Поддержи проект!!! smile

Тип поля ввода картинка. Что такое type image html, Type image - это одно из значений тега input. Абсолютно аналогичное действие, что выполняет кнопка submit

Тип image в поле ввода input

  1. Что такое type image html,
  2. Пример использования type image html,
  1. Что такое type image html.

    У поля ввода есть типы передаваемых данных type, с разными значениями input

    Одно из таких значении : "type image" - данный тип поля ввода идентичен полю submit, т.е. отправляет форму.

    Синтаксис type image html.

    <input type="image">

    Характеристики типа type image .

    "type image" - данный тип данных type image предназначен для отправки формы на сервер.

    Как использовать данный type image на сайте.

    HTML :

    Добавим в атрибут "src" ссылку на картинку "https://dwweb.ru/__img/page/2020_11_20_07_58.png"

    <input name="example2" type="image" src="https://dwweb.ru/__img/page/2020_11_20_07_58.png">

    Результат:

    Понадобится форма form.

    Добавим еще одно поле hidden

    <form method="post">
    <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

    PHP :

    Вам потребуется метод post.

  2. Пример использования type image.

    Простое условие, по которому будем получать данные из скрытого поля при нажатии на type image
    if($_POST['example']) { $result = 'Вы нажали кнопку type image : '.strip_tags($_POST['example']) ;}

    echo $result;

    Соберем весь код вместе для type image:
    Добавим стили : style="outline: unset;", чтобы обводка не показывалась во время нажатия на type image Html :
    <form method="post">
    <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>
    Php : if($_POST['example']) { $result = 'Вы нажали кнопку type image : '.strip_tags($_POST['example']) ;}

    echo $result;

    Результат использования type image.

    Прим автора

    Что скажите товарищ автор!?


Вас может еще заинтересовать список тем : #HTML | #HTML_TAGS | #TYPE_OF_INPUT | #FORM_HTML |
Последняя дата редактирования : 15.01.2021 11:40
//dwweb.ru/comments_1_5/include/img/hand_no_foto.png
no
no
Еще никто не прокомментировал! COMMENTS+   BBcode
аватар
🞨
Загрузить свой аватар
(max ширина, высота = 200px)

Подписаться + =
Теги:
type image html html input type image html form input type image data type data type text data type error c data types data type script div data type data type content form data type data type html data type string data type css tables data types

Последние комментарии :
Марат :
08/02/2021 02:50
Всегда пожалуйста приходите ещё!
подробнее.
Павел :
08/02/2021 11:11
Спасибо большое. Очень поучительно.
подробнее.
Марат :
03/02/2021 07:22
03/02/2021Тестирование и разработка Comments+1.5 отложена на неопределенное…
подробнее.
Марат :
31/01/2021 08:31
Всегда пожалуйста!Рад, что помог!
подробнее.
Bambr :
31/01/2021 07:34
Огромное спасибо! )
подробнее.