התגית button
התגית מגדירה כפתור, שבתוכו אפשר לשים מגוון אלמנטים (טקסטים, תמונות).
את הפעולה שתתבצע כשהגולש לוחץ על הכפתור אפשר לחבר לפונקציות JavaScript או לשליחה של טופס קיים.
בשונה מתג <input type=button>, תג הכפתור לא חייב להיות עטוף בתגית <form>, אלא מתפקד עצמאית.
דוגמאת קוד
<button>לחץ כאן</button>
מאפיינים אפשריים
התגית עצמה ומאפיינים מסויימים הופיעו ב-HTML4, אך ב-HTML5 נוספו מאפיינים שיסומנו בטבלה בכוכבית (*)
תיאור | ערכים | מאפיין |
---|---|---|
מגדירה אם הכפתור צריך לקבל פוקוס אוטומטית בעת טעינת הדף | autofocus | autofocus * |
מגדירה שהכפתור מבוטל, כלומר הוא יופיע על המסך אבל לא יהיה לחיץ | disabled | disabled |
מגדירה שיוך לטופס קיים, באמצעות הזנת ה-ID של הטופס | form_id | form * |
מגדירה את הנתיב שאליו ישלח הטופס. רלוונטי רק כשהכפתור מחובר לטופס (כלומר יושב בתוכו או שמוגדר לו מאפיין form), וגם שה-type של הכפתור הוא submit (כפי שיפורט בהמשך) | URL | formaction * |
מגדירה את סוג הקידוד של הטופס. רלוונטי רק כשהכפתור מחובר לטופס (כלומר יושב בתוכו או שמוגדר לו מאפיין form), וגם שה-type של הכפתור הוא submit (כפי שיפורט בהמשך) | formenctype * | |
מגדירה את אופן השליחה של הטופס. רלוונטי רק כשהכפתור מחובר לטופס (כלומר יושב בתוכו או שמוגדר לו מאפיין form), וגם שה-type של הכפתור הוא submit (כפי שיפורט בהמשך) | get post | formmethod * |
מגדירה חוקיות לבדיקת קלט של הטופס, כדי לוודא שהשדות שמולאו תקינים. רלוונטי רק כשהכפתור מחובר לטופס (כלומר יושב בתוכו או שמוגדר לו מאפיין form), וגם שה-type של הכפתור הוא submit (כפי שיפורט בהמשך) | html5 validation | formnovalidate * |
מגדירה את אופן השליחה של הטופס. רלוונטי רק כשהכפתור מחובר לטופס (כלומר יושב בתוכו או שמוגדר לו מאפיין form), וגם שה-type של הכפתור הוא submit (כפי שיפורט בהמשך) | _blank _parent _self _top formname | formtarget * |
שם הכפתור | name | name |
סוג הכפתור: button – ברירת מחדל, כפתור כללי ללא שיוך לטופס, בד”כ מחובר לפונקציות JavaScript reset – איפוס לטופס submit – מבצע שליחה לטופס שהכפתור נמצא בתוכו, או שמוגדר במאפיין form (כפי שהוגדר לעיל) | button reset submit | type |
ערך ברירת המחדל של הכפתור | text | value |
תמיכת דפדפנים
דפדפן אקספלורר מגירסא 8 ומטה אינו תומך במאפיינים החדשים שנוספו ב- HTML5
תגובות בפייסבוק