עודכן לאחרונה בתאריך
25 באפריל 2024
כחלק בלתי נפרד מהתמיכה המתמשכת עבור HTML5 ב-Dreamweaver, הוספנו תכונות חדשות לרכיבי טופס מסוימים. כמו כן, הוספנו ארבעה רכיבי טופס חדשים של HTML5.
תוכל למצוא את רכיבי הטופס בחלונית Insert. בחר Window > Insert. בתפריט של חלונית Insert, בחר Forms.
תכונות חדשות הנפוצות ברכיבי טופס
התכונות החדשות הבאות משותפות לכל רכיבי הטופס:
- Disabled: בחר באפשרות זו אם ברצונך שהדפדפן ישבית רכיב זה
- Required: בחר אפשרות זו אם ברצונך שהדפדפן יבדוק אם ערך כלשהו צוין
- Auto complete: בחר אפשרות זו כדי לאפשר מילוי ערכים אוטומטי בעת הזנת מידע בדפדפן על-ידי המשתמש.
- Auto focus: בחר באפשרות זו אם ברצונך שהמיקוד יופיע ברכיב זה בעת טעינת הדף על-ידי הדפדפן.
- Read only: בחר באפשרות זו אם ברצונך להגדיר את ערך הרכיב לקריאה בלבד.
- Form: מציין תבנית אחת או יותר שאליה שייך רכיב <הזנה>.
- Name: שם ייחודי המשמש להפנייה לרכיב בקוד.
- Place holder: רמז המתאר את הערך הצפוי של שדה הזנה
- Pattern: ביטוי רגיל שבאמצעותו ניתן לאמת את ערך הרכיב.
- Title: מידע נוסף אודות רכיב. מוצג כתיאור כלי.
- Tab Index: מציין את המיקום של הרכיב הנוכחי בסדר הכרטיסיות של המסמך הנוכחי.
רכיבי טופס עם תכונות שהשתנו
- Form No Validate: בחר אפשרות זו לביטול של אימות טופס. בחירה זו דורסת את התכונה No Validate ברמת טופס.
- Form Enc Type: סוג MIME שבעזרתו סוכן משתמש אמור לשייך רכיב זה לשליחת טופס.
- Form Target: שם הקשר או מילת מפתח המשמשים במהלך גלישה לייצוג יעד הפקד.
- Accept charset: מציין את קידוד התווים המשמש לשליחת טופס.
פתק
הקישורים לתכונות כוללים מידע על כל התכונות המפורטות במפרטים של HTML5. לא כל התכונות הללו מופיעות בחלונית Properties. תוכל להשתמש בתצוגת הקוד כדי להוסיף תכונות שאינן מופיעות בחלונית.
רכיבי טופס HTML5
| רכיב טופס | זמין בעדכון | תיאור | תיאור של התכונות |
| Color | 12.2 | עבור שדות קלט שצריכים להכיל צבע. | http://www.w3.org/TR/html-markup/input.color.html |
| Date | 12.2 | פקד שמסייע למשתמש לבחור תאריך. | http://www.w3.org/TR/html-markup/input.date.html |
| Date Time | 12.2 | מאפשר למשתמש לבחור תאריך ושעה (עם אזור הזמן). | http://www.w3.org/TR/html-markup/input.datetime.html |
| Date Time Local | 12.2 | מאפשר למשתמש לבחור תאריך ושעה (ללא אזור זמן) | http://www.w3.org/TR/html-markup/input.datetime-local.html |
| Month | 12.2 | מאפשר למשתמש לבחור חודש ושנה. | http://www.w3.org/TR/html-markup/input.month.html |
| Number | 12.2 | עבור שדות שצריכים להכיל מספרים בלבד. | http://www.w3.org/TR/html-markup/input.number.html |
| Range | 12.2 | עבור שדות שצריכים להכיל ערכים מטווח מספרים. | http://www.w3.org/TR/html-markup/input.range.html |
| Time | 12.2 | מאפשר למשתמש לבחור שעה. | http://www.w3.org/TR/html-markup/input.time.html |
| Week | 12.2 | מאפשר למשתמש לבחור שבוע ושנה. | http://www.w3.org/TR/html-markup/input.week.html |
| 12.1 | פקד לעריכת רשימה של כתובות דואר אלקטרוני המופיעות בערך הרכיב. | http://www.w3.org/TR/html-markup/input.email.html | |
| חיפוש | 12.1 | פקד לעריכת טקסט רגיל בעל שורה אחת להזנת מונח חיפוש אחד או יותר. | http://www.w3.org/TR/html-markup/input.search.html |
| Telephone (Tel) | 12.1 | פקד לעריכת טקסט רגיל בעל שורה אחת להזנת מספר טלפון. | http://www.w3.org/TR/html-markup/input.tel.html |
| URL | 12.1 | פקד לעריכת כתובת URL מוחלטת המופיעה בערך הרכיב. | http://www.w3.org/TR/html-markup/input.url.html |
פריטים דומים נוספים
בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.
