יש פעמים רבות בעת יצירת דפי אינטרנט שבהם עליך לעבד קלט שנשלח על ידי המשתמש, כגון דף התחברות, יצירת חשבון חדש או שליחת שאלות או הערות. קלט המשתמש נאסף ונשלח לשרת האינטרנט באמצעות טופס HTML. טפסים קל להוסיף עם כלים מובנים של KompoZer. כל סוגי השדות טופס HTML 4.0 תומך ניתן להוסיף וערך עם KompoZer, אבל עבור הדרכה זו, נעבוד עם טקסט, אזור טקסט, להגיש ולחצני לאפס.
צור טופס חדש
KompoZer יש כלים טופס עשיר שבו אתה יכול להשתמש כדי להוסיף טפסים לדפי האינטרנט שלך. באפשרותך לגשת לכלי הטופס על-ידי לחיצה על לחצן טופס או על התפריט הנפתח הנלווה בסרגל הכלים. שים לב שאם אתה לא כותב בעצמך טופס טיפול סקריפטים, תצטרך לקבל קצת מידע על שלב זה מתוך תיעוד או מן המתכנת שכתב את התסריט. אתה יכול גם להשתמש בטפסים mailto אבל הם לא תמיד עובד.
- מקם את הסמן במקום שבו תרצה שהטופס יופיע בדף.
- לחץ על טופס כפתור בסרגל הכלים. תיבת הדו-שיח מאפייני טופס נפתחת.
- הוסף שם לטופס. השם משמש בקוד HTML שנוצר באופן אוטומטי כדי לזהות את הטופס והוא נדרש. כמו כן, עליך לשמור את הדף שלך לפני שתוכל להוסיף טופס. אם אתה עובד עם דף חדש שלא נשמר, KompoZer ינחה אותך לשמור.
- הוסף את כתובת האתר לסקריפט שתעבד את נתוני הטופס בשדה כתובת אתר של פעולה. מטפלים טופס הם בדרך כלל סקריפטים שנכתבו PHP או שפה דומה בצד השרת. ללא מידע זה, דף האינטרנט שלך לא יוכל לעשות דבר עם הנתונים שהוזנו על ידי המשתמש. KompoZer ינחה אותך להזין את כתובת האתר של המטפל בטופס אם לא תזין אותו.
- בחר את שיטה נהג לשלוח את נתוני הטופס לשרת. שתי האפשרויות הן GET ו- POST. אתה צריך לדעת איזו שיטה סקריפט דורש.
- לחץ על בסדר והצורה מתווספת לדף שלך.
הוסף שדה טקסט לטופס
לאחר שהוספת טופס לדף עם קומפוזר, הטופס יהיה מתואר בעמוד בקו מקווקו כחול בהיר. אתה מוסיף את שדות הטופס בתוך אזור זה. אתה יכול גם להקליד טקסט או להוסיף תמונות, בדיוק כמו שאתה עושה על כל חלק אחר של הדף. טקסט שימושי להוספת הנחיות או תוויות ליצירת שדות להנחיית המשתמש.
- בחר היכן אתה רוצה את שדה הטקסט ללכת באזור הטופס המתואר. אם ברצונך להוסיף תווית, ייתכן שתרצה להקליד את הטקסט תחילה.
- לחץ על חץ למטה הבא ל טופס בסרגל הכלים ובחר שדה טופס מהתפריט הנפתח.
- החלון 'שדות טופס טופס' ייפתח. כדי להוסיף שדה טקסט, בחר טקסט מהתפריט הנפתח שכותרתו סוג שדה.
- תן שם לשדה הטקסט. השם משמש כדי לזהות את השדה בקוד ה- HTML ואת התסריט טיפול הטופס צריך את השם כדי לעבד את הנתונים. ניתן לשנות מספר תכונות אופציונליות אחרות בתיבת דו-שיח זו על-ידי החלפת המצב עוד נכסים / נכסים פחות או על-ידי לחיצה על הלחצן עריכה מתקדמת, אך לעת עתה, אנו רק נזין את שם השדה.
- לחץ על בסדר ושדה הטקסט מופיע בדף.
הוסף אזור טקסט לטופס
לפעמים, יש להזין טקסט רב בטופס, כגון הודעה או שדה שאלות / הערות. במקרה זה, שדה טקסט הוא פשוט לא מתאים. ניתן להוסיף שדה טופס אזור טקסט באמצעות כלי הטופס.
- מקם את הסמן שלך בתוך קווי המתאר של הטופס שבו תרצה שאזור הטקסט שלך יהיה. אם אתה רוצה להקליד תווית, זה בדרך כלל רעיון טוב להקליד את הטקסט התווית, הקש Enter כדי לעבור לשורה חדשה, ולאחר מכן להוסיף את השדה טופס, שכן גודל אזור הטקסט בדף עושה את זה מביך עבור התווית להיות בצד שמאל או ימין.
- לחץ על חץ למטה הבא ל טופס כפתור בסרגל הכלים ובחר טקסט אזור מהתפריט הנפתח. החלון מאפייני אזור הטקסט ייפתח.
- הזן שם עבור שדה אזור הטקסט. השם מזהה את השדה בקוד ה- HTML ומשמש את התסריט לטיפול בטפסים כדי לעבד את המידע שנשלח על ידי המשתמש.
- הזן את מספר השורות והעמודות שברצונך להציג את אזור הטקסט. מאפיינים אלה קובעים את גודל השדה בדף ואת כמות הטקסט שניתן להזין בשדה לפני גלילה צריך לקרות.
- אפשרויות מתקדמות יותר ניתן להגדיר עם פקדים אחרים בחלון זה, אך לעת עתה, שם השדה ומידות מספיקים.
- לחץ על בסדר ואת אזור הטקסט מופיע על הטופס.
הוסף לחצן שלח ואיפוס לטופס
לאחר שהמשתמש מילא את הטופס בדף שלך, צריך להיות קצת מידע על מנת להגיש את המידע לשרת. בנוסף, אם המשתמש רוצה להתחיל מחדש או עושה טעות, זה מועיל לכלול שליטה שתאפס את כל ערכי הטופס לברירת מחדל. פקדי טופס מיוחדים מטפלים בפונקציות אלה, הנקראות לחצנים 'שלח' ו'אפס 'בהתאמה.
- הצב את הסמן בתוך אזור הטופס המתואר שבו ברצונך שהלחצן 'שלח' או 'איפוס' יהיה. לרוב, אלה יהיו ממוקמים מתחת לשאר השדות בטופס.
- לחץ על חץ למטה הבא ל טופס כפתור בסרגל הכלים ובחר לחצן הגדר מהתפריט הנפתח. חלון מאפייני לחצן יופיע.
- בחר את סוג הלחצן מהתפריט הנפתח שכותרתו סוג. האפשרויות שלך הן 'שלח', 'אפס' ו'לחצן '. במקרה זה, נבחר את שלח הקלד.
- תן שם ללחצן, אשר ישמש ב- HTML וקוד טיפול טופס לעבד את טופס הבקשה. מפתחי אינטרנט בדרך כלל קוראים לשדה זה "שלח".
- בתיבה שכותרתה ערך, הזן את הטקסט שיופיע על הלחצן. הטקסט צריך להיות קצר אבל תיאור של מה יקרה כאשר כפתור נלחץ. משהו כמו "שלח", "שלח טופס", או "שלח" הם דוגמאות טובות.
- לחץ על אישור והלחצן מופיע בטופס.
ה אפס כפתור ניתן להוסיף לטופס באמצעות אותו תהליך, אבל לבחור אפס מ ה הקלד שדה במקום שלח.
עריכת טופס עם קומפוזר
עריכת טופס או טופס טופס KompoZer היא קלה מאוד. פשוט לחץ לחיצה כפולה על השדה שברצונך לערוך, ותופיע תיבת הדו-שיח המתאימה שבה תוכל לשנות את מאפייני השדה בהתאם לצרכיך. התרשים לעיל מראה צורה פשוטה באמצעות רכיבים מכוסים במדריך זה.
