Onclick Presentar el formulario de Javascript con las imágenes de los botones

hola, pues tengo este formulario

    <form method="POST" action=''>
<input type="hidden" name="op" value="download1">
<input type="hidden" name="usr_login" value="<TMPL_VAR usr_login>">
<input type="hidden" name="id" value="<TMPL_VAR file_code>">
<input type="hidden" name="fname" value="<TMPL_VAR file_name>">
<input type="hidden" name="referer" value="<TMPL_VAR referer>">
<div class="premium-download"><input name="method_premium" value="<TMPL_VAR lang_premium_download>" type="image" src="images/premium-download.png" alt="<TMPL_VAR lang_premium_download>" border="0" /></div>
<div class="free-download"><input name="method_free" value="<TMPL_VAR lang_free_download>" type="image" src="images/free-download.png" alt="<TMPL_VAR lang_free_download>" /></div>
</form>

¿Cómo puedo enviar el formulario de la imagen de entrada (ver los dos últimos campos)? Ahora que se establecen como el tipo de imagen y entiendo que esos no envíe el formulario por defecto. Podría alguien ayudarme? Me dijeron que tenía que hacerlo con javascript 😀

  • La suposición es incorrecta. La «imagen» tipo envía el formulario. Usted no tiene una «acción», por lo que puede ser el problema.
InformationsquelleAutor Belgin Fish | 2011-02-18

3 Kommentare

  1. 5

    Al principio me confundas tu pregunta. Como ya se ha señalado, <input type="image"> elementos hacer presentar formularios. Sin embargo, si usted está buscando para una mayor versatilidad de imagen de entradas, mi respuesta sigue siendo válida.


    Me dijeron que tenía que hacerlo con javascript

    No, uso <button> elementos en su lugar. <button> elementos de trabajo como <input type="button">, excepto que pueden ser de estilo para no tener fronteras, ser transparentes, y pueden contener otras HTML. Por ejemplo:

    <button type="submit" name="method_premium" value="<TMPL_VAR lang_premium_download>">
      <img src="images/premium-download.png" alt=alt="<TMPL_VAR lang_premium_download>" />
    </button>

    Estilo el botón con CSS (border:none; background-color:transparent;) y ya está bueno para ir.

    Botones creados con el BUTTON elemento funcionan como botones creados con el INPUT elemento, pero ofrecen más rico de representación de posibilidades: la BUTTON elemento puede tener contenido. Por ejemplo, un BUTTON elemento que contiene una imagen de las funciones y pueden parecerse a los de un INPUT elemento cuyo tipo se establece en «imagen», pero la BUTTON tipo de elemento que permite que el contenido.

    • Bueno, el BOTÓN es super buena idea!
    • gracias, funcionó a la perfección.
  2. 1

    Elementos de entrada con «tipo» set «imagen» de hecho, la ley de (casi) exactamente igual a la de «presentar» las entradas. Es «casi» exactamente porque también obtener las coordenadas del clic del ratón, y usted no obtener el «valor» del elemento de entrada.

    Si se quiere que el haga clic en «imagen» las entradas para enviar los valores, lo más sencillo sería tener un par más ocultos entradas.

  3. 1

    No sé lo que usted está tratando de lograr, pero se podría enviar el formulario con JavaScript. Podría ser la mejor manera de utilizar el BOTÓN según lo sugerido por @Andy E:

    <form method="POST" name='myForm'>   
    ...
    ...
    
    
    <script lang="javascript">
    function SubmitForm()
    {
      document.forms['myForm'].submit() ;
    }
    </script>

Kommentieren Sie den Artikel

Bitte geben Sie Ihren Kommentar ein!
Bitte geben Sie hier Ihren Namen ein

Pruebas en línea