logo

Botón de imagen HTML

El botones de imagen en el documento HTML se puede crear utilizando el tipo atributo de un elemento. Los botones de imagen también realizan la misma función que los botones de envío, pero la única diferencia entre ellos es que puedes mantener la imagen de tu elección como botón.

polimorfismo

Sintaxis

 

Ejemplos

Ejemplo 1: Este ejemplo se utiliza para especificar el botón de imagen sin usar CSS.

 Example of image button /* The following tag selector body use the font-family and background-color properties for body of a page*/ Body { font-family: Calibri, Helvetica, sans-serif; background-color: pink; } /* Following container class used padding for generate space around it, and also use a background-color for specifying the lightblue color as a background */ .container { padding: 50px; background-color: lightblue; } /* The following tag selector input uses the different properties for specifying the text field. */ input[type=text] { width: 100%; padding: 15px; margin: 5px 0 22px 0; display: inline-block; border: none; background: #f1f1f1; } input[type=text]:focus { background-color: orange; outline: none; } div { padding: 10px 0; } hr { border: 1px solid #f1f1f1; margin-bottom: 25px; } <hr> Firstname: Middlename: Lastname: Course : Course BCA BBA B.Tech MBA MCA M.Tech Gender : <br> Male Female Other 
Pruébalo ahora

Producción:

Botón de imagen HTML

Soporte del navegador

Elemento navegador cromoCromo es decir, navegadorES DECIR navegador firefoxFirefox navegador de óperaÓpera navegador safariSafari
Botón de imagen

Atributos

Todo:

Este atributo se utiliza para especificar el texto alternativo que se mostrará cuando la imagen no se pueda mostrar en la pantalla del usuario.

Borde:

Este atributo se utiliza para especificar el borde de la imagen. Si pone su valor en 0, no se mostrará ningún borde.

Altura:

Este atributo se utiliza para definir los píxeles de la altura de una imagen.

Python __nombre__

Nombre:

Este atributo se utiliza para definir el nombre de una imagen.

Src:

Este atributo se utiliza para especificar la ruta de la imagen que debe aparecer como un botón.

Ancho:

Este atributo se utiliza para definir los píxeles del ancho de una imagen.