כיצד להוסיף טופס עם

01 of 06

הוסף טופס עם קומפוזר

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

02 מתוך 06

יצירת טופס חדש עם

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

1. מקם את הסמן במקום שבו תרצה שהטופס יופיע בדף.
2. לחץ על הלחצן טופס בסרגל הכלים. תיבת הדו-שיח מאפייני טופס נפתחת.
3. הוסף שם לטופס. השם משמש בקוד HTML שנוצר באופן אוטומטי כדי לזהות את הטופס והוא נדרש. כמו כן, עליך לשמור את הדף שלך לפני שתוכל להוסיף טופס. אם אתה עובד עם דף חדש שלא נשמר, KompoZer ינחה אותך לשמור.
4. הוסף את כתובת האתר לסקריפט שתעבד את נתוני הטופס בשדה כתובת אתר של פעולה. מטפלים טופס הם בדרך כלל סקריפטים שנכתבו PHP או שפה דומה בצד השרת. ללא מידע זה, דף האינטרנט שלך לא יוכל לעשות דבר עם הנתונים שהוזנו על ידי המשתמש. KompoZer ינחה אותך להזין את כתובת האתר של המטפל בטופס אם לא תזין אותו.
5. בחר את השיטה המשמשת לשליחת נתוני הטופס לשרת. שתי האפשרויות הן GET ו- POST. אתה צריך לדעת איזו שיטה סקריפט דורש.
6. לחץ על אישור והטופס נוסף לדף שלך.

03 מתוך 06

הוסף שדה טקסט לטופס עם קומפוזר

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

1. בחר היכן אתה רוצה את שדה הטקסט ללכת באזור הטופס המתואר. אם ברצונך להוסיף תווית, ייתכן שתרצה להקליד את הטקסט תחילה.
2. לחץ על החץ למטה לצד לחצן טופס בסרגל הכלים ובחר שדה טופס מהתפריט הנפתח.
3. החלון 'שדות טופס טופס' ייפתח. כדי להוסיף שדה טקסט, בחר 'טקסט' מהתפריט הנפתח שכותרתו 'סוג שדה'.
4. תן שם לשדה הטקסט. השם משמש כדי לזהות את השדה בקוד ה- HTML ואת התסריט טיפול הטופס צריך את השם כדי לעבד את הנתונים. ניתן לשנות מספר מאפיינים אופציונליים אחרים בתיבת דו-שיח זו על-ידי החלפת מצב 'מאפיינים נוספים' / 'מאפיינים קטנים יותר' או על-ידי לחיצה על הלחצן 'עריכה מתקדמת', אך לעת עתה אנו פשוט נזין את שם השדה.
5. לחץ על אישור ושדה הטקסט מופיע בדף.

04 מתוך 06

הוסף שטח טקסט לטופס עם קומפוזר

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

1. מקם את הסמן שלך בתוך קווי המתאר של הטופס שבו תרצה שאזור הטקסט שלך יהיה. אם אתה רוצה להקליד תווית, זה בדרך כלל רעיון טוב להקליד את הטקסט התווית, הקש Enter כדי לעבור לשורה חדשה, ולאחר מכן להוסיף את השדה טופס, שכן גודל אזור הטקסט בדף עושה את זה מביך עבור התווית להיות בצד שמאל או ימין.
2. לחץ על החץ למטה לצד הלחצן 'טופס' בסרגל הכלים ובחר 'אזור טקסט' מהתפריט הנפתח. החלון מאפייני אזור הטקסט ייפתח.
3. הזן שם עבור שדה אזור הטקסט. השם מזהה את השדה בקוד ה- HTML ומשמש את התסריט לטיפול בטפסים כדי לעבד את המידע שנשלח על ידי המשתמש.
4. הזן את מספר השורות והעמודות שברצונך להציג את אזור הטקסט. מאפיינים אלה קובעים את גודל השדה בדף ואת כמות הטקסט שניתן להזין בשדה לפני גלילה צריך לקרות.
5. אפשרויות מתקדמות יותר ניתן להגדיר עם פקדים אחרים בחלון זה, אבל עכשיו את שם השדה ואת הממדים הם מספיקים.
6. לחץ על אישור ושדות הטקסט מופיעים בטופס.

05 מתוך 06

הוסף לחצן שלח ואיפוס לטופס עם קומפוזר

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

1. הצב את הסמן בתוך אזור הטופס המתואר שבו ברצונך שהלחצן 'שלח' או 'איפוס' יהיה. לרוב, אלה יהיו ממוקמים מתחת לשאר השדות בטופס.
2. לחץ על החץ למטה לצד לחצן טופס בסרגל הכלים ובחר באפשרות הגדר לחצן מהתפריט הנפתח. חלון מאפייני לחצן יופיע.
3. בחר את סוג הלחצן מהתפריט הנפתח שכותרתו סוג. הבחירות שלך הן Submit, Reset and Button. במקרה זה נבחר את סוג השליחה.
4. תן שם ללחצן, אשר ישמש ב- HTML וקוד טיפול טופס לעבד את טופס הבקשה. מפתחי אינטרנט בדרך כלל קוראים לשדה זה "שלח".
5. בתיבה שכותרתה ערך, הזן את הטקסט שיופיע על הלחצן. הטקסט צריך להיות קצר אבל תיאור של מה יקרה כאשר כפתור נלחץ. משהו כמו "שלח", "שלח טופס", או "שלח" הם דוגמאות טובות.
6. לחץ על אישור והלחצן מופיע בטופס.

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

06 מתוך 06

עריכת טופס עם קומפוזר

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