ה כפתורי תמונה במסמך HTML ניתן ליצור באמצעות ה סוּג תכונה של an אֵלֵמֶנט. גם כפתורי תמונה מבצעים את אותה פונקציה כמו כפתורי הגשה, אבל ההבדל היחיד ביניהם הוא שאתה יכול לשמור את התמונה לבחירתך ככפתור.

תחביר

דוגמאות

דוגמה 1: דוגמה זו משמשת לציון כפתור התמונה מבלי להשתמש ב-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  

תְפוּקָה:

תמיכה בדפדפן

אֵלֵמֶנט	כרום	כְּלוֹמַר	פיירפוקס	אוֹפֵּרָה	ספארי
כפתור תמונה	כן	כן	כן	כן	כן

תכונות

הכל:

תכונה זו משמשת לציון הטקסט החלופי, אשר יוצג כאשר לא ניתן להציג את התמונה על מסך המשתמש.

גבול:

תכונה זו משמשת לציון גבול התמונה. אם תשים את הערך שלו כ-0, לא יוצג גבול.

גוֹבַה:

תכונה זו משמשת להגדרת הפיקסלים של גובה התמונה.

שֵׁם:

תכונה זו משמשת להגדרת השם של תמונה.

Src:

תכונה זו משמשת לציון נתיב התמונה שצריך להופיע כלחצן.

רוֹחַב:

תכונה זו משמשת להגדרת הפיקסלים של רוחב התמונה.