קורס זה מחלק את טופסי ה-HTML לחלקים קלים להבנה. במודולים הבאים תלמדו איך טופס HTML עובד ואיך להשתמש בהם ביעילות בפרויקטים. כדי לנווט בין המודולים, אפשר להשתמש בחלונית התפריט לצד הלוגו למידה על טפסים.
נסביר לכם איך בונים טופס HTML בסיסי, איך רכיבים של טפסים ב-HTML, עיצוב טפסים, איך לעזור למשתמשים להזין מחדש נתונים, איך לוודא שהטופס נגיש ומאובטח, איך לבדוק את הטפסים ואיך עושים את זה.
כל מודול מלא בהדגמות אינטראקטיביות ובהערכות אישיות כדי שתוכלו לבחון את הידע שלכם.
הקורס הזה מתאים למתחילים ולמפתחי HTML מתקדמים. המודולים הראשונים עוזרים לכם להתחיל בבניית טופסי HTML, ושאר המודולים מספקים יותר פרטים. תוכל לעבור על הסדרה מההתחלה ועד הסוף כדי לקבל הבנה כללית של טופסי HTML, או לבחור מודול ספציפי שברצונך לקבל עליו מידע נוסף.
דרישות מוקדמות
לפני שתתחילו את הקורס, כדאי שתכירו HTML. רק מומחי פיתוח אתרים מתחילים את קורס המבוא ל-HTML ב-MDN כדי ללמוד איך לכתוב תגי עיצוב.
הדגמות
ברוב ההדגמות אנחנו משתמשים ב-CodePen.
בזמן ההדגמות, כדאי לתהות מה מקור הסגנונות. אנחנו משתמשים בגיליון סגנונות כללי שכלול בכל ההדגמות, כך שרק הסגנונות הרלוונטיים מוצגים שם. ב-CodePen, ניתן לבחור את קובצי ה-CSS הכלולים בהגדרות.
פקדי טפסים ושדות בטפסים
פקד טופס הוא רכיב שמאפשר אינטראקציה של משתמש והזנה או בחירה של נתונים:
<input>
, <select>
, <textarea>
או <button>
.
לפעמים נעשה שימוש בשדה טופס כדי להתייחס לפקדי טפסים, במיוחד לרכיבים להזנת טקסט: <input>
ו-<textarea>
.
זה מה שאפשר ללמוד כאן
שימוש בטפסים לקבלת נתונים ממשתמשים
במאמר הזה נסביר על העקרונות הבסיסיים של השימוש בטופס באינטרנט.
איך לעזור למשתמשים להזין נתונים בטפסים
סקירה כללית של רכיבי הטופס השונים שתוכלו לבחור כדי לבנות את הטופס שלכם.
לעזור למשתמשים להימנע מהזנה חוזרת של נתונים בטפסים
המשתמשים ימלאו טפסים בצורה נוחה יותר.
איך לעזור למשתמשים להזין את הנתונים המתאימים בטפסים
איך מאמתים את הטפסים בממשק הקצה.
בדיקת הטפסים
כאן מוסבר איך בודקים ומנתחים את הטפסים.
עקרונות בסיסיים בנושא עיצוב
כאן תלמדו איך ליצור טפסים ידידותיים למשתמש.
נגישות
איך בונים טפסים שמאפשרים קבלת האחר.
התאמה לשוק המקומי ולוקליזציה
מכינים את הקרקע לפורמטים בינלאומיים של נתונים ולומדים איך לתכנן את הטופס להתאמה לשוק המקומי.
אבטחה ופרטיות
כאן מוסבר איך לאבטח את הטפסים ולהגן על פרטיות נתוני המשתמשים.
מילוי אוטומטי
מידע נוסף על המילוי האוטומטי ועל מאפיין ההשלמה האוטומטית.
איך בודקים את נוחות השימוש בטפסים?
בקישור הבא מוסבר איך לבצע בדיקות של נוחות השימוש ולוודא שהטופס פועל היטב לכל המשתמשים.
בדיקת טפסים במכשירים שונים ובפלטפורמות שונות
צריך לוודא שהטופס פועל במכשירים שונים, בדפדפנים שונים, בפלטפורמות שונות ובהקשרים שונים.
איסוף נתונים
כאן מוסבר איך למדוד ולנתח את הטופס.
הסבר מפורט על רכיב הטופס
הסבר מפורט על רכיב הטופס, מתי צריך להשתמש בו ואיך הטופס פועל.
הסבר מפורט על שדות הטופס
מידע על שדות הטופס השונים שבהם אפשר להשתמש ועל בחירת רכיב הטופס המתאים.
הסבר מפורט על מאפייני הטופס
מידע נוסף על מאפייני טפסים: איך לשנות את הפריסה של מקלדות שמופיעות במסך, להפעיל אימות מובנה ועוד.
טופסי עיצוב
עיצוב טפסים באמצעות CSS מבטיח שיהיה קל להשתמש בהם וקריא לכולם.
פקדי עיצוב טפסים
איך מטמיעים אמצעי בקרה לטפסים באמצעות CSS.
JavaScript
למד כיצד להשתמש ב-JavaScript כדי לשפר את הטפסים שלך.
טופסי תשלום
שיפור שיעורי ההמרות על ידי בניית אמצעי תשלום טובים יותר.
טופסי כתובת
לעזור למשתמשים למלא טופסי כתובת במהירות ובקלות.
סיכום והשלבים הבאים
מקורות מידע נוספים שיעזרו לכם בשלבים הבאים.
אז אתם מוכנים להתחיל ללמוד על הטפסים? בוא נתחיל.