לא פעם ולא פעמיים אנחנו רוצים לקבל אינפורמציה מהגולש, ואת זה עושים באמצעות טפסים. טופס, כמו על נייר מודפס, הוא מכלול של תאים שבהם כותבים טקסט, מסמנים בתיבות סימון וכו'. טפסים משמשים לקבלת מידע, לשאלות, ולכל דבר אחר שהגולש רוצה לכתוב לבעל האתר.
קיימות שתי שיטות עיקריות לטיפול בטפסים: האחת היא משלוח נתוני הטופס דרך תוכנת הדואר של הגולש, והשנייה היא טיפול בטופס בעזרת יישום שנמצא על השרת עצמו (ולכן גם דורש את יכולת השרת לתמוך ב CGI או שפות אחרות). במדריך זה נתרכז בשיטה הראשונה.
בטופס ישנם כמה סוגים של רכיבים: יש תיבות טקסט, כפתורי רדיו (לבחירת אפשרות אחת בלבד) ויש תיבות סימון (שבהן ניתן לבחור ביותר מאופציה אחת), ותפריטי בחירה. תוכן הטופס יהיה תמיד בין התגים <form> ... </form>, גם אם יש בטופס יותר מרכיב אחד.
בכדי לכתוב טופס מתחילים בתג <form>
לדוגמא, הקוד הבא:
<form id="example" method="get" action="html_page13.html">
שם פרטי : <input type="text" id="firstname" size=20 maxlength=25>
שם משפחה : <input type="text" id="lastname" size=20 maxlength=50>
</form>
ייצור את הטופס הבא:
שם פרטי :
שם משפחה :
מאפיינים לאובייקט טופס
המאפיין החשוב ביותר של האובייקט form הוא action, המציין לאן ישלח הטופס.
method מציין את שיטת שליחת הנתונים, מקבל אחד מהערכים get או post. (ל get יש הגבלת אורך של 256 תווים).
target מציין איפה יפתח הדף שאליו נשלח הטופס, מקבל את הערכים _blank, _top, _parent, או שם של מסגרת.
השדות בטופס
התג <input> מאפשר לנו ליצור מגוון של תיבות קלט (שדות).
המאפיין שאחראי על סוג תיבת הקלט הוא type. הוא מקבל אחד מהערכים הבאים:text, checkbox, radio, password, hidden, submit, reset, button, file, image. .
עוד מאפיין חשוב של התג input הוא id. המאפיין הזה קובע מהו שם האלמנט.
רשומות
אין תגובות:
הוסף רשומת תגובה
שים לב: רק חברים בבלוג הזה יכולים לפרסם תגובה.