logo

Pulsante immagine HTML

IL pulsanti immagine nel documento HTML può essere creato utilizzando il file tipo attributo di un elemento. Anche i pulsanti immagine svolgono la stessa funzione dei pulsanti di invio, ma l'unica differenza tra loro è che puoi mantenere l'immagine di tua scelta come pulsante.

differenza tra azienda e azienda

Sintassi

 

Esempi

Esempio 1: Questo esempio viene utilizzato per specificare il pulsante immagine senza utilizzare 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 
Provalo adesso

Produzione:

Pulsante immagine HTML

Supporto del browser

Elemento browser ChromeCromo cioè browserCIOÈ navigatore firefoxFirefox navigatore dell'operamusica lirica navigatore safariSafari
Pulsante immagine

Attributi

Qualunque cosa:

Questo attributo viene utilizzato per specificare il testo alternativo, che deve essere visualizzato quando l'immagine non può essere visualizzata sullo schermo dell'utente.

Confine:

Questo attributo viene utilizzato per specificare il bordo dell'immagine. Se inserisci il suo valore come 0, non verrà visualizzato alcun bordo.

Altezza:

Questo attributo viene utilizzato per definire i pixel dell'altezza di un'immagine.

polimorfismo

Nome:

Questo attributo viene utilizzato per definire il nome di un'immagine.

Origine:

Questo attributo viene utilizzato per specificare il percorso dell'immagine che deve apparire come pulsante.

Larghezza:

Questo attributo viene utilizzato per definire i pixel della larghezza di un'immagine.