The przyciski obrazu w dokumencie HTML można utworzyć za pomocą typ atrybut element. Przyciski obrazów pełnią również tę samą funkcję, co przyciski wysyłania, ale jedyna różnica między nimi polega na tym, że możesz zachować wybrany obraz jako przycisk.

Java 8

Składnia

Przykłady

Przykład 1: Ten przykład służy do określenia przycisku obrazu bez użycia 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 

Wyjście:

Obsługa przeglądarki

Element	Chrom	TJ	Firefoksa	Opera	Safari
Przycisk obrazu	Tak	Tak	Tak	Tak	Tak

Atrybuty

Wszystko:

Atrybut ten służy do określenia tekstu alternatywnego, który ma zostać wyświetlony w przypadku braku możliwości wyświetlenia obrazu na ekranie użytkownika.

Granica:

Ten atrybut służy do określenia obramowania obrazu. Jeśli ustawisz jego wartość na 0, wówczas nie zostanie wyświetlona żadna ramka.

Wysokość:

Ten atrybut służy do definiowania pikseli wysokości obrazu.

Nazwa:

cykl życia SDLC

Atrybut ten służy do zdefiniowania nazwy obrazu.

Źródło:

Ten atrybut służy do określenia ścieżki obrazu, który ma występować jako przycisk.

Szerokość:

Ten atrybut służy do definiowania szerokości obrazu w pikselach.