יום ראשון, 22 במרץ 2009

8.2.10 כפתורים (Button)

כפתורים משמשים אותנו בכדי לבצע פעולות בדף.  ב-HTML אין להם משמעות, אבל הם יהיו משמעותיים בשלב מאוחר יותר, כשנלמד איך משלבים סקריפטים בדף.

יצירת כפתור פשוט תיראה בעיקרון כך:

<form id="buttonForm">
<input type="button" value="This is the button">
</form>
והתוצאה תראה כך:

המאפיינים של כפתור:

  • id  קובע את השם של הכפתור.
  • disabled במידה ומאפיין זה מצויין, הכפתור יהיה אפור ולא נגיש למשתמש.
  • value קובע את הטקסט שיהיה מוצג על הכפתור.

הכפתורים המוכרים לנו הם אלה המסומנים "שלח" ו"נקה" אבל ב JavaScript ניתן להשתמש בכפתורים להפעלת הפונקציות שאנו כותבים. על כך נלמד במערך שיעורים אחר. 

הנה דוגמאות לשימוש בכפתורים "נקה" ו"שלח":


<input type="reset" id="reset1" value="reset">

הכפתור הזה מנקה את הטופס ומחזיר את כל הערכים לערכים ההתחלתיים.
הוא מקבל את אותם המאפיינים של כפתור.


<"input type="submit" id="submit1" value="submit>
הכפתור הזה אחראי לשליחה של הטופס. הוא מקבל את אותם מאפיינים של כפתור.


אין תגובות:

הוסף רשומת תגובה

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