שימוש בתג הקלט להגשת טפסים
טפסי HTML הם אחת הדרכים הבסיסיות ביותר להוסיף אינטראקטיביות לאתר האינטרנט שלך. אתה יכול לשאול שאלות ולבקש תשובות מהקוראים שלך, לספק מידע נוסף ממאגרי נתונים, להגדיר משחקים, ועוד. קיימים מספר רכיבי HTML שבהם תוכל להשתמש כדי לבנות את הטפסים שלך. וברגע שבנית את הטופס שלך, יש דרכים רבות ושונות לשלוח את הנתונים לשרת או פשוט להתחיל את פעולת הטופס פועל.
אלה הן הדרכים שבהן תוכל לשלוח את הטפסים שלך:
-
- זוהי השיטה הנפוצה ביותר של קבלת נתונים לשרת, אבל זה יכול להיות פשוט מאוד להסתכל.
-
- שימוש בתמונה עושה את זה מאוד קל להפוך את לחצן להגיש להתאים את הסגנון של האתר שלך. אך ייתכן שאנשים מסוימים לא יזהו אותו כלחצן שלח.
-
- לחצן INPUT (תג) INPUT מספק הרבה אפשרויות כמו לתג INPUT של התמונה, אך נראה יותר כמו סוג השליחה הרגיל. זה דורש JavaScript כדי להפעיל.
-
- אלמנט COMMAND הוא חדש ב- HTML5, והוא מספק דרך להפעלת סקריפטים וטפסים עם פעולות קשורות. זה מופעל עם JavaScript.
אלמנט INPUT
אלמנט INPUT הוא הדרך הנפוצה ביותר להגיש טופס, כל מה שאתה עושה הוא לבחור סוג (כפתור, תמונה, או להגיש) ואם יש צורך להוסיף כמה scripting להגיש את הטופס פעולה.
את סוג ניתן לכתוב בדיוק כך. אבל אם תעשה זאת, יהיו לך תוצאות שונות בדפדפנים שונים. רוב הדפדפנים עושים כפתור שאומר "שלח", אבל Firefox עושה כפתור שאומר "שלח שאילתה". כדי לשנות את מה שהכפתור אומר, עליך להוסיף תכונה:
value = "שלח טופס">
אלמנט כתוב ככה, אבל אם אתה משאיר את כל התכונות האחרות, כל זה יוצג בדפדפנים הוא כפתור אפור ריק. כדי להוסיף טקסט ללחצן, השתמש במאפיין value. אך לחצן זה לא ישלח את הטופס אלא אם תשתמש ב- JavaScript.
onclick = "submit ();">
זה דומה לסוג הלחצן, אשר צריך סקריפט כדי לשלוח את הטופס. אלא שבמקום ערך טקסט, עליך להוסיף כתובת אתר של מקור תמונה.
src = "submit.gif">
אלמנט BUTTON
אלמנט BUTTON מחייב גם תג פתיחה ותג סגירה כאשר אתה משתמש בו, כל תוכן שתקיף בתוך התג יהיה סגור בתוך כפתור. לאחר מכן אתה מפעיל את הלחצן עם סקריפט.
להגיש טופס
ניתן לכלול תמונות בלחצן שלך או לשלב תמונות וטקסט כדי ליצור לחצן מעניין יותר.
להגיש טופס
אלמנט הקומנדו
הרכיב COMMAND הוא חדש ב- HTML5. זה לא דורש פורם לשמש, אבל זה יכול לשמש כפתור שלח טופס. אלמנט זה מאפשר לך ליצור דפים אינטראקטיביים יותר ללא צורך בטפסים, אלא אם כן אתה באמת צריך טפסים. אם אתה רוצה את הפקודה לומר משהו, אתה כותב את המידע בתווית התווית.
תווית = "שלח טופס">
אם ברצונך שהפקודה שלך תוצג על ידי תמונה, תשתמש במאפיין הסמל.
סמל = "submit.gif">
מאמר זה הוא חלק של HTML Forms הדרכה. קרא את המדריך המלא כדי ללמוד כיצד להשתמש בטופסי HTML.
לטופסי HTML יש מספר דרכים שונות להגשה, כפי שלמדת בדף הקודם. שתי שיטות אלה הן תג INPUT והתג BUTTON. ישנן סיבות טובות להשתמש בשני האלמנטים האלה.
אלמנט INPUT
התג הוא הדרך הקלה ביותר לשלוח טופס. זה לא דורש שום דבר מעבר לתג עצמו, אפילו לא ערך. כאשר לקוח לוחץ על הכפתור, הוא נשלח אוטומטית. אין צורך להוסיף סקריפטים כלשהם, הדפדפנים יודעים לשלוח את הטופס כאשר לוחצים על תג INPUT.
הבעיה היא כי כפתור זה הוא מאוד מכוער ופשוט. לא ניתן להוסיף תמונות אליו. אתה יכול סגנון זה בדיוק כמו כל רכיב אחר, אבל זה עדיין יכול להרגיש כמו כפתור מכוער.
השתמש בשיטת INPUT כאשר הטופס שלך חייב להיות נגיש אפילו בדפדפנים שבהם JavaScript כבה.
אלמנט BUTTON
אלמנט BUTTON מציע אפשרויות נוספות להגשת טפסים. אתה יכול לשים משהו בתוך אלמנט BUTTON ולהפוך אותו כפתור שלח. בדרך כלל אנשים משתמשים בתמונות ובטקסט. אבל אתה יכול ליצור DIV ולהפוך את כל הדבר שלח כפתור אם אתה רוצה.
החיסרון הגדול ביותר אלמנט BUTTON הוא שהוא אינו שולח את הטופס באופן אוטומטי. כלומר, צריך להיות איזה סוג של סקריפט כדי להפעיל אותו. ולכן זה פחות נגיש מאשר שיטת INPUT. כל משתמש שאינו מופעל ב- JavaScript לא יוכל לשלוח טופס עם אלמנט BUTTON בלבד כדי לשלוח אותו.
השתמש בשיטת BUTTON בטפסים שאינם קריטיים. כמו כן, זוהי דרך מצוינת להוסיף אפשרויות הגשת נוספות בתוך טופס אחד.
מאמר זה הוא חלק של HTML Forms הדרכה . קרא אותו כדי ללמוד עוד על אופן השימוש בטופסי HTML