תגית
<button> מאפשרת יצירת כפתורים אינטראקטיביים בדף HTML, שניתן להשתמש בהם לצורך פעולות שונות כמו שליחת טפסים או ביצוע פעולות JavaScript. תגית זו גמישה מאוד ומאפשרת לך להוסיף כפתורים עם תוכן מותאם אישית כמו טקסט, תמונות או אפילו HTML מורכב.
הנה סוגי הכפתורים שניתן להגדיר עם תגית
<button>:
-
type="button": כפתור רגיל שאינו שולח את הטופס. ניתן להשתמש בו כדי להפעיל פונקציות JavaScript.
-
type="submit": כפתור שמגיש את הטופס שבו הוא נמצא. זהו הסוג ברירת המחדל אם לא מוגדר סוג אחר.
-
type="reset": כפתור שמחזיר את כל השדות בטופס לערכי ברירת המחדל שלהם.
דוגמה לשימוש בתגית
<button>:
<html>
<head>
<title>דוגמה</title>
</head>
<body>
<form action="/submit" method="post">
<button type="submit">שלח</button>
<button type="reset">אפס</button>
</form>
</body>
</html>
בדוגמה זו, יש כפתור שליחה ("submit") שכאשר לוחצים עליו, הטופס יישלח לשרת, וכפתור אפס ("reset") שמחזיר את כל השדות בטופס לערכי ברירת המחדל שלהם.
תכונת "type" בתגית "
<button>" היא קריטית לקביעת התנהגות הכפתור. כאשר כפתור ממוקם בתוך טופס, סוג הכפתור מכתיב את פעולתו, וההגדרה "type="button"" נועדה למנוע שליחה או אפס, ולאפשר לך להשתמש בכפתור לביצוע פעולות מותאמות אישית באמצעות JavaScript.
הכפתורים יכולים לכלול גם תוכן נוסף כמו תמונות או אייקונים, ולעיתים אפשר לשלב אותם עם CSS כדי לשפר את עיצובם ולבצע התאמות אישיות נוספות.
