botón de imagen en php

Estoy tratando de usar la imagen para el botón:

<button name="foo" type="button" value="bar" onclick="AjaxResponse()" > <img src="img.png"> </button>

o

 <button name="foo" type="button" value="bar" onclick="AjaxResponse()" img src="img.png" /> 

Tanto no se muestra el botón con la imagen. Sólo se muestra el icono pequeño, el cual realiza la operación correcta en haga clic en. Pero, ¿por qué la imagen no podía ser visto?

¿Por qué no hacerlo en CSS con background-image.
Está usted seguro de que la ruta de acceso a su imagen es la correcta?
Utilice el tipo de entrada de imagen w3schools.com/tags/att_input_src.asp. Y tanto su código html incorrecto.
Karimkhan, Hizo u intentado esto? stackoverflow.com/questions/2738920/…

OriginalEl autor user123 | 2013-08-13

5 Kommentare

  1. 2

    Especificar el width y height correctamente.Como

    <img src="something" width=200 height=200>

    De lo contrario usar etiqueta div para crear botón personalizado con la ayuda de CSS.

    Ir a través de este se puede obtener una idea Haga clic aquí

    OriginalEl autor nmkyuppie

  2. 1

    No hay necesidad de PHP, esto es en la parte de HTML y usted no puede hacer esto sin CSS o puede utilizar:

    <input type="image" ...

    para saber más leer el siguiente enlace: Tipos De Entrada

    O echar un vistazo en CSS: de fondo

    OriginalEl autor jogesh_pi

  3. 1
    <input type="image" src="FILEPATH" onclick="AjaxResponse()" name="foo" id="button" value="bar">

    OriginalEl autor KevBot

  4. 1

    si usted no desea utilizar css, usted puede utilizar la entrada como esta,

    input type="image" src="img.png" name="foo" type="button" alt="bar" onclick="AjaxResponse()"  

    OriginalEl autor Ashish C Bhatt

  5. 1

    Solo uso el <img> etiqueta y agregar onClick:

    <img src="img.png" onclick="AjaxResponse()" />

    Además, usted puede configurar el ancho y altura de acuerdo a su imagen dimensiones:

    <img src="img.png" onclick="AjaxResponse()" width="100" height="100" />

    Sin embargo, el CSS background-image propiedad es probablemente la mejor solución. Allí también se puede ajustar width y height.

    el elemento img no tiene una etiqueta de cierre 🙁
    Yo normalmente uso XHTML, donde todas las etiquetas tienen que ser cerrados, pero he editado la respuesta.
    Esta sintaxis correcta es <img src … /> XHTML se ha depreciado y no ha sido actualizado desde el año 1999. El uso de html 5 de la sintaxis.

    OriginalEl autor Georg

Kommentieren Sie den Artikel

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

Pruebas en línea