Подтвердить что ты не робот

Введите тип изображения?

Я использую этот код, чтобы попытаться отправить значение через форму, но, похоже, ничего не передает...

Обычно я использую флажок или кнопки Radio для нескольких параметров, но я хочу использовать изображение для этого.

Является ли этот код неправильным?

<input id="test1" name="test1" type="image" src="images/f.jpg" value="myValue" alt="" />

Итак, я хочу передать значение в value = "myValue".

Форма отлично работает, так что не проблема, мне просто нужна помощь с частью ввода, которая не отправляется, поскольку я знаю, что работает.

Спасибо

4b9b3361

ОТВЕТЫ

Ответ 1

Тип ввода = "изображение" определяет это изображение только как кнопку отправки, а не как вход, который может переносить значение на сервер.

Ответ 2

Использование type = "image" проблематично, потому что способность передавать значение отключена для какого-то глупого отсутствия причины. В любом случае, и хотя это не так настраиваемо и, таким образом, красиво, вы все равно можете использовать изображения, если они являются частью типа = "button".

<button type="submit" name="someName" value="someValue"><img src="someImage.png" alt="SomeAlternateText"></button>

Надеюсь, это поможет! ^ _ ^

Ответ 3

Я был на том же месте, что и вы, наконец, нашел аккуратный ответ:

<form action="xx/xx" method="POST">
  <input type="hidden" name="what you want" value="what you want">
  <input type="image" src="xx.xx">
</form>

Ответ 4

Я обнаружил, что кнопки изображений DO возвращают ответ, но вы НЕ должны использовать параметр value. Я вернусь, это две версии name= "MYNAME" с окончаниями .X и .Y. Например:

< input type = "image" src= "/path-to/stop.png" name= "STOP" width = "25" height = "25"  align = "top" alt= "Стоп-знак" >

Это в вашей <form> к </form> . Если вы щелкнете изображение, то будут возвращены STOP.X и STOP.Y с числовыми значениями. Существование либо указывает, что нажата кнопка изображения STOP. Вам не нужен специальный код. Просто рассматривайте это как другую кнопку "отправить", которая возвращает пару дополненных NAME.

Я пробовал это в Safari, Firefox и Chrome. Изображение не отображалось с Safari, но там, где оно должно было быть расположено, мой курсор превратился в значок пальца, и я мог щелкнуть его.

Ответ 5

Некоторые браузеры (IIRC - это только некоторые версии Internet Explorer) отправляют только координаты карты изображения (в name.x и name.y) и игнорируют значение. Это ошибка.

Обходные пути: либо

  • Имейте только одну кнопку отправки и используйте скрытый ввод для отправки значения
  • Используйте обычные кнопки отправки вместо изображений.
  • Используйте уникальные имена вместо значений и проверьте наличие name.x/name.y

Ответ 6

Вот что я пытался сделать и как я это сделал. Я думаю, вы хотели сделать что-то подобное. У меня была таблица с несколькими строками, и на каждой строке у меня был вход с типом изображения. Я хотел передать идентификатор, когда пользователь нажал кнопку этого изображения. Как вы заметили, значение в теге игнорируется. Вместо этого я добавил скрытый ввод в верхней части таблицы и с помощью javascript я поставил правильный идентификатор там, прежде чем опубликовать форму.

<input type="image" onclick="$('#hiddenInput').val(rowId) src="...">

Таким образом, правильный идентификатор будет отправлен с вашей формой.

Ответ 7

Вы можете использовать переключатель/флажок и установить его, чтобы скрыть кнопку в css, а затем дать ей метку с изображением.

input[type="radio"] {display: none}
input[type="radio"] + label span {display: block}

Затем на странице:

<input type="radio" name="emotion" id="mysubmitradio" />
        <label for="mysubmitradio"><img src="images/f.jpg" />
    <span>if you need it</span></label>

И затем установите его для отправки с помощью javascript:

document.forms["myform"].submit();

Ответ 8

Решение:

<form name="frmSeguimiento" id="frmSeguimiento" method="post" action="proc_seguimiento.php">  
    <input type="hidden" name="accion" id="accion"/>


<input name="save" type="image" src="imagenes/save.png" alt="Save" onmouseover="this.src='imagenes/save_over.png';" onmouseout="this.src='imagenes/save.png';" value="Save" onclick="validaFrmSeguimiento(this.value);"/>


function validaFrmSeguimiento(accion)
{
    document.frmSeguimiento.accion.value=accion;

}

С уважением, JP

Ответ 9

Хорошо, если бы я был на вашем месте, я бы сделал это. У меня было бы скрытое поле и на основе поля входного изображения я бы изменил значение скрытого поля (jQuery), а затем, наконец, отправил скрытое поле, значение которого отражает поля изображения.

Ответ 10

Добавьте это

    name="myvalue"

К вашему тегу.

Ответ 11

Чтобы отправить форму, которую вы могли бы использовать:

<input type="submit">

или

<input type="button"> + Javascript

Я никогда не слышал о таком сумасшедшем, чтобы попытаться отправить форму с помощью изображения или флажка, как вы хотите:))