נתקלים באינספור בעיות עם טפסי צור קשר מכיוון שכולנו אוהבים לחסוך
זמן ופשוט להעתיד ולהדביק קוד.
הבעייה האמיתית מתחילה כשאנו רוצים גמישות ואז לרוב נוטים לבזבז
יותר זמן בחיפוש אחר מה שאנחנו צריכים. בדף זה נלמד איך לבנות טופס
צור בטוח שיעבוד בוודאות ויהיה מותאם לצרכים שלכם.
הכנות ליצירת הטופס
בתור התחלה ניצור את הקבצים הדרושים ליצירת הטופס
contact-us.html - הדף אשר יכיל את הטופס עצמו בו ימלא הגולש את הפרטים.כמובן שאפשר לשלב את הקוד בתוך עמוד קיים ולקרוא לו כרצונכם.
process-form.php - דף זה יקלוט את הנתונים, יעבד אותם ויכין אותם למשלוח
done.php - דף זה יציג הודעה בוצע, אפשר ומומלץ לשלב את ההודעה בדף קיים
אשר הוא חלק מהעיצוב. כמו כן תוכלו ליצור redirect כלומר הפנייה אל דף קיים באתר.
כדי לדעת עוד בקרו במדריך יצירת הפנייה Rediredct
בניית הטופס בדף contact-us
את הטופס עצמו ניתן לבנות בצורה הכי בסיסית או להשקיע בעיצוב הטופס
ע"י שימוש בCSS כדי ליצור תאי טקסט מעוצבים, צבעי רקע וסוגי פונט. בקוד
המוצג עטפתי כל חלק בטופס בDIV כך שיהיה קל להוסיף תג class על ידי
שימוש בCSS.
קוד הHTML של התאים והשמות בטופס:
הקוד המוצג מייצר את הטופס עצמו בו מכניסים הגולשים את הפרטים שלהם
בצד של האתר אשר נשלחים לקובץ process-form.php. הטופס נראה כך
עכשיו שיש לנו טופס מוכן הגיע הזמן להכין סקריפט אשר יטפל בנתונים מהטופס
אז ניצור דף ונקרא לו process-form.php. אני מיקמתי אותי בתוך תיקייה אשר
נקראת forms אבל אתם יכולים למקם אותו היכן שתרצו רק תזכרו לשנות את מסלול התיקייה
בדף בו נמצא הטופס בשורה "form action="forms/process-form.php"
הקוד של הדף process-form
הורדה של הטופס
כפי שניתן לראות הטופס פשוט וקל מאוד לבנייה והוא עובד מצויין עם עברית.את כל הקבצים של הטופס ניתן להוריד כאן: טופס צור קשר PHP להורדה
מקווה שמצאתם מאמר זה מועיל ושתהנו מהטופס, שגיב SEO
