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