mostrar - insertar imagen html url



Tipo de entrada de imagen enviar el valor del formulario? (8)

Estoy usando este código para intentar enviar un valor a través del formulario, pero parece que no envía nada ...

Normalmente usaría una casilla de verificación o botones de Radio para múltiples opciones, pero quiero usar una imagen para hacer esto.

¿Este código está mal?

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

Entonces quiero pasar el valor en value = "myValue".

El formulario funciona bien, así que ese no es el problema, solo necesito ayuda con la parte de entrada que no se envía porque sé que funciona.

Gracias

https://src-bin.com


Answer #1

Agrega esto

    name="myvalue"

A tu etiqueta


Answer #2

Algunos navegadores (IIRC es solo algunas versiones de Internet Explorer) solo envían las coordenadas del mapa de imagen (en name.x y name.y) e ignoran el valor. Este es un error.

Las soluciones alternativas son:

  • Tener solo un botón de enviar y usar una entrada oculta para enviar el valor
  • Use botones de envío regulares en lugar de mapas de imágenes
  • Use nombres únicos en lugar de valores y verifique la presencia de name.x / name.y

Answer #3

Estaba en el mismo lugar que tú, finalmente encontré una respuesta clara:

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

Answer #4

Esto es lo que estaba tratando de hacer y cómo lo hice. Creo que querías hacer algo similar. Tenía una mesa con varias filas y en cada fila tenía una entrada con tipo de imagen. Quería pasar una identificación cuando el usuario hizo clic en ese botón de imagen. Como ha notado, el valor de la etiqueta se ignora. En su lugar, agregué una entrada oculta en la parte superior de mi tabla y al usar javascript coloqué la identificación correcta allí antes de publicar el formulario.

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

De esta forma, se enviará la identificación correcta con su formulario.


Answer #5

Para enviar un formulario, puede usar:

<input type="submit">

o

<input type="button"> + Javascript 

Nunca escuché hablar de un tipo tan loco para tratar de enviar un formulario usando una imagen o una casilla de verificación como quieras :))


Answer #6

Puede usar un botón de opción / casilla de verificación y configurarlo para ocultar el botón en css y luego darle una etiqueta con una imagen.

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

Luego en la página:

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

Y luego configúralo para enviar usando javascript:

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

Answer #7

Un tipo de entrada = "imagen" solo define esa imagen como el botón de enviar y no como una entrada que puede transferir un valor al servidor.


Answer #8

Usar el tipo = "imagen" es problemático porque la capacidad de pasar un valor está desactivada por alguna estúpida falta de razón. De todos modos, y aunque no es tan personalizable y, por lo tanto, es bonito, puedes usar tus imágenes siempre que sean parte de un tipo = "botón".

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

¡Espero que esto ayude! ^ _ ^





forms