יצירה והפעלה של טופסי ColdFusion ב-Dreamweaver

עודכן לאחרונה בתאריך 25 באפריל 2024

פתק

התמיכה ב-ColdFusion הוסרה ב-Dreamweaver ובגרסאות מאוחרות יותר.

אודות טופסי ColdFusion

טפסי ColdFusion מספקים לכם מספר מנגנונים מובנים לאימות נתוני טפסים. לדוגמה, אתם יכולים לבדוק שהמשתמש הזין תאריך תקין. לבקרי טופס מסוימים יש תכונות נוספות. כמה מהם אינם כוללים מקבילים ב-HTML, ואחרים תומכים ישירות באכלוס דינמי של הפקד ממקורות נתונים.

Dreamweaver מספק מספר שיפורים למפתחי ColdFusion שמשתמשים ב-ColdFusion MX 7 או בגרסה מאוחרת יותר כשרת הפיתוח שלהם. השיפורים האלה כוללים יותר לחצנים בלוח ההוספה, פריטי תפריט ומפקחי מאפיינים כדי שתוכלו לבנות במהירות ולהגדיר את המאפיינים של טפסי ColdFusion. אתם יכולים גם ליצור קוד שמאמת את המידע שמספקים מבקרי האתר. לדוגמה, אתם יכולים לבדוק שכתובת הדוא"ל שהמשתמש סיפק כוללת את הסימן @, או שהשדה הנדרש מכיל סוג מסוים של ערך.

הפעלת שיפורי ColdFusion

חלק מהשיפורים האלה דורשים שתגדירו מחשב שמריץ ColdFusion MX 7 או גרסה מאוחרת יותר כשרת בדיקות עבור Dreamweaver. לדוגמה, חלוניות המאפיינים עבור פקדי טפסים זמינים רק אם תציינו את שרת הבדיקות הנכון.

אתם מגדירים שרת בדיקות רק פעם אחת. Dreamweaver מזהה אוטומטית את גרסת שרת הבדיקות ומפעיל את השיפורים אם הוא מזהה ColdFusion.

אם עדיין לא עשיתם זאת, הגדירו אתר Dreamweaver עבור פרויקט ה-ColdFusion שלכם.

בחרו Site > Manage Sites, בחרו את האתר שלכם מהרשימה ולחצו על Edit.

בחרו בקטגוריה Servers והציינו מחשב שמריץ ColdFusion MX 7 או גרסה מאוחרת יותר כשרת הבדיקות עבור אתר ה-Dreamweaver שלכם. ודאו שאתם מציינים כתובת URL תקינה.

פתח מסמך ColdFusion אחד או יותר.

לא תראו שינויים גלויים בסביבת העבודה של Dreamweaver עד שתפתחו מסמך ColdFusion.

יצירת טופסי ColdFusion

אתם יכולים להשתמש במספר לחצנים בלוח ההוספה, בפריטי תפריט ובמפקחי מאפיינים כדי ליצור במהירות טפסי ColdFusion ולהגדיר את המאפיינים שלהם ב-Dreamweaver.

פתק

השיפורים האלה זמינים רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או גרסה מאוחרת יותר.

פתחו עמוד ColdFusion והציבו את נקודת ההוספה במקום שבו אתם רוצים שטופס ה-ColdFusion יופיע.

בחרו Insert > ColdFusion Objects > CFForm > CFForm, או בחרו בקטגוריה CFForm מלוח ההוספה ולחצו על סמל CF Form.

Dreamweaver מוסיף טופס ColdFusion ריק. בתצוגת Design, הטופס מסומן בקו מתאר אדום מנוקד. אם אתם לא רואים את המתאר הזה, ודאו ש-View > Visual Aids > Invisible Elements נבחר.

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

CFForm

הגדרת שם הטופס.

פעולה

מאפשר לכם לציין את השם של עמוד ה-ColdFusion שיעובד כאשר הטופס יוגש.

שיטה

מאפשר לכם להגדיר את השיטה שבה הדפדפן משתמש כדי לשלוח את נתוני הטופס לשרת:

POST

שולח את הנתונים באמצעות שיטת ה-HTTP ‏post; שיטה זו שולחת את הנתונים בהודעה נפרדת לשרת.

GET

שולח את הנתונים באמצעות שיטת ה‏-HTTP ‏get, ומציב את התוכן של שדות הטופס ב-URL query string.

Target

מאפשר לכם לשנות את הערך של target attribute של תג ה-cfform.

Encoding Type

ציון שיטת הקידוד שמשמשת לשליחת נתוני הטופס.

פתק

סוג הקידוד אינו מתייחס לקידוד תווים. תכונה זו מציינת את סוג התוכן שמשמש למסירת הטופס לשרת (כשערך השיטה הוא post). ערך ברירת המחדל לשיטה זו הוא application/x-www-form-urlencoded.

Format

קביעת סוג הטופס שנוצר:

HTML

יצירת טופס HTML ושליחתו ללקוח. פקדי המשנה cfgrid ו-cftree יכולים להיות בפורמט Flash או applet.

Flash

יצירת טופס Flash ושליחתו ללקוח. כל הפקדים הם בפורמט Flash.

XML

יוצר XML של XForms ומציב את התוצאות במשתנה עם שם הטופס של ColdFusion.אינו שולח דבר ללקוח. בקרי הבנים cfgrid ו-cftree יכולים להיות בתבנית Flash או יישומון.

Style

ציון סגנון לטופס. למידע נוסף, ראו את התיעוד של ColdFusion.

Flash/XML Skin

מאפשר לציין צבע הילה לעיצוב הפלט. הנושא קובע את הצבע המשמש לאלמנטים מסומנים ונבחרים.

Preserve Data

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

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

Scripts src

מציין את כתובת ה-URL, יחסית לשורש האתר, של קובץ ה-JavaScript שמכיל קוד בצד הלקוח המשמש את התג ותגי הילדים שלו. מאפיין זה שימושי אם הקובץ לא נמצא במיקום ברירת המחדל. מאפיין זה עשוי להיות נדרש בסביבות אחסון מסוימות ובקונפיגורציות החוסמות גישה לספריה ‏/CFIDE. המיקום הרגיל נקבע ב-ColdFusion Administrator; כברירת מחדל, הוא ‎/CFIDE/scripts/cfform.js.

ארכיון

מציין את כתובת ה-URL של מחלקות Java הניתנות להורדה עבור פקדי applet‏ cfgrid, cfslider ו-cftree. מיקום ברירת המחדל הוא ‎/CFIDE/classes/cfapplets.jar.

Height

ציון גובה הטופס.

Width

ציון רוחב הטופס.

הצגת Tag Editor ל-cfform

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

הוסף בקרי טופס של ColdFusion.

הציבו את נקודת הוספה במקום שבו תרצו שפקד הטופס של ColdFusion יופיע בטופס ColdFusion, ולאחר מכן בחרו את הפקד מתפריט Insert ‏(Insert > ColdFusion Objects > CFForm), או מהקטגוריה CFForm בלוח Insert.

במקרה הצורך, קבעו את המאפיינים של הפקד באמצעות ה-Property inspector.

וודאו שהפקד נבחר בתצוגת Design ולאחר מכן קבעו את המאפיינים ב-Property inspector. למידע נוסף על המאפיינים, לחצו על סמל ה-Help ב-Property inspector.

התאם את הפריסה של טופס ColdFusion.

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

אם אתם יוצרים טופס מבוסס Flash, השתמשו בסגנונות Cascading Style Sheets ‏(CSS) לפריסת הטופס שלכם. ColdFusion מתעלם מכל ה-HTML בטופס.

זכרו לתייג את שדות הטופס של ColdFusion בטקסט תיאורי כדי להודיע למשתמשים למה הם מגיבים. לדוגמה, צרו תווית "הקלידו את השם שלכם" כדי לבקש מידע על השם.

הוספת בקרי טופס של ColdFusion

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

פתק

השיפורים הללו זמינים רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או גרסה מאוחרת יותר.

בתצוגת עיצוב, מקמו את נקודת ההוספה בתוך מתאר הטופס.

בחרו את הבקרה מתפריט הוספה (הוספה > אובייקטי ColdFusion > CFForm), או מקטגוריית CFForm בלוח ההוספה.

לחצו על הבקרה בעמוד כדי לבחור אותה ולאחר מכן הגדירו את המאפיינים שלה בבוחן המאפיינים.

למידע על מאפיינים של בקרים ספציפיים, ראו את הנושאים על הבקרים.

הוספת שדות טקסט של ColdFusion

באופן ויזואלי תוכלו להוסיף שדה טקסט או שדה סיסמה של ColdFusion לטופס שלכם, ולאחר מכן להגדיר את האפשרויות שלו.

פתק

שיפור זה זמין רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או גרסה מאוחרת יותר.

הוספה ויזואלית של שדה טקסט ColdFusion

בתצוגת עיצוב, מקמו את נקודת ההוספה בתוך מתאר הטופס.

בקטגוריית CFForm של לוח ההוספה, לחצו על אייקון שדה הטקסט CF או בחרו הוספה > אובייקטי ColdFusion > CFForm > CFtextfield.

שדה טקסט מופיע בטופס.

בחרו את שדה הטקסט והגדירו את מאפייניו בבוחן המאפיינים.

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

הוספה חזותית של שדה סיסמה

חזרו על שלבים 1 ו-2 בהליך הקודם להוספת שדה טקסט.

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

בחרו את הערך 'סיסמה' מהתפריט הנפתח 'מצב טקסט' בבוחן המאפיינים.

אפשרויות CFTextField ‏(ColdFusion)

כדי להגדיר את האפשרויות של שדה טקסט או סיסמה ColdFusion, הגדירו כל אחת מהאפשרויות הבאות בבוחן המאפיינים CFTextField:

CFtextfield

הגדרת התכונה id של התג <cfinput>.

Value

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

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

Text Mode

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

Read Only

מאפשר להפוך את הטקסט שמוצג למיועד לקריאה בלבד.

Max Length

מגדיר את המספר המקסימלי של תווים המתקבלים על ידי שדה הטקסט.

Mask

ציון מסיכה לטקסט המבוקש. תכונה זו משמשת לאימות הנתונים שהוזנו על-ידי המשתמש. תבנית המסיכה מורכבת מ-A,‏ 9, X ו-? characters.

פתק

תכונת המסיכה מושמטת מהתג cfinput type="password"‎.

Validate

ציון סוג האימות לשדה הנוכחי.

Validate At

מציין מתי השדה מאומת: onSubmit, onBlur או onServer.

Label

ציון תווית לשדה הטקסט.

Pattern

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

Height

ציון גובה הבקר, בפיקסלים.

Width

ציון רוחב הבקר, בפיקסלים.

Size

ציון גודל הבקר.

Required

מאפשר לציין אם שדה הטקסט חייב להכיל נתונים לפני שהטופס נשלח לשרת.

Display Tag Editor

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

הוספת שדות מוסתרים של ColdFusion

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

פתק

השיפור הזה זמין רק אם יש לכם גישה למחשב שמפעיל ColdFusion MX 7 או מאוחר יותר.

בתצוגת עיצוב, מקמו את נקודת ההוספה בתוך מתאר הטופס.

בקטגוריית CFForm של לוח הוספה, לחצו על הסמל CF Hidden Field.

סמן מופיע בטופס ColdFusion. אם אתם לא רואים את הסמן, בחרו View > Visual Aids > Invisible Elements.

בחרו את השדה הנסתר בדף והגדירו כל אחת מהאפשרויות הבאות בבודק המאפיינים:

Cfhiddenfield

ציון שם ייחודי לשדה המוסתר.

Value

ציון ערך לשדה המוסתר. הנתונים יכולים להיות סטטיים או דינמיים.

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

Validate

ציון סוג האימות לשדה הנוכחי.

Validate At

מציין מתי השדה מאומת: onSubmit, onBlur או onServer.

Label

ציון תווית לבקר. המאפיין הזה מתעלם על ידי שרת ColdFusion בזמן ריצה.

Pattern

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

Height

ציון גובה הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Width

ציון רוחב הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Size

ציון גודל הבקר. שרת ColdFusion מתעלם ממאפיין זה בזמן ריצה.

Required

מאפשר לציין אם השדה הנסתר חייב להכיל נתונים לפני שהטופס נשלח לשרת.

Display Tag Editor

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

הוספת אזורי טקסט של ColdFusion

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

פתק

שיפור זה זמין רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או מאוחרת יותר.

מקם את נקודת ההכנסה בתחומי קו המתאר של הטופס.

בקטגוריה CFForm של לוח ההוספה, לחצו על הסמל CF Text Area.

אזור טקסט מופיע בטופס ColdFusion.

בחרו את אזור הטקסט בעמוד והגדירו כל אחת מהאפשרויות הבאות ב-Property inspector:

Cftextarea

ציון שם ייחודי לבקר.

Char Width

הגדרת מספר התווים לכל שורה.

Num Lines

מאפשר לכם להגדיר את מספר השורות להצגה באזור הטקסט.

Wrap

מאפשר לכם לציין איך אתם רוצים שהטקסט שמוזינים המשתמשים יעטף.

Required

מאפשר לכם לציין האם המשתמש חייב להזין נתונים בשדה (מסומן) או לא (לא מסומן).

Initial Value

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

Validate

ציון סוג האימות לשדה.

Validate At

מציין מתי השדה מאומת: onSubmit,‏ onBlur,‏ או onServer.

Label

ציון תווית לבקר.

Style

ציון סגנון לבקר. למידע נוסף, עיינו בתיעוד של ColdFusion.

Height

ציון גובה הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Width

ציון רוחב הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Display Tag Editor

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

כדי לתייג את אזור הטקסט, לחצו לידו והזינו טקסט לתווית.

הוספת לחצנים של ColdFusion

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

פתק

שיפור זה זמין רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או גרסה מתקדמת יותר.

הציבו את נקודת ההוספה בתוך קו המתאר של הטופס של ColdFusion.

בקטגוריה CFForm של לוח ההוספה, לחצו על הסמל CF Button.

לחצן מופיע בטופס ColdFusion.

בחרו את הלחצן בעמוד והגדירו כל אחת מהאפשרויות הבאות ב-Property inspector:

Cfbutton

ציון שם ייחודי לבקר.

Action

ציון סוג הלחצן המבוקש.

Display Tag Editor

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

השרת של ColdFusion מתעלם מהמאפיינים האחרים בזמן הריצה.

הוספת תיבות סימון של ColdFusion

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

פתק

שיפור זה זמין רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או גרסה מתקדמת יותר.

מקם את נקודת ההכנסה בתחומי קו המתאר של הטופס.

בקטגוריית CFForm של לוח ההוספה, לחצו על סמל ה-CF Checkbox.

תיבת סימון מופיעה בטופס ColdFusion.

בחרו את תיבת הסימון בעמוד והגדירו כל אחת מהאפשרויות הבאות ב-Property inspector:

Cfcheckbox

ציון שם ייחודי לבקר.

Checked Value

מאפשרת לכם לציין ערך שיוחזר על ידי תיבת הסימון אם המשתמש מסמן אותה.

Initial State

מאפשרת לכם לציין האם תיבת הסימון מסומנת כאשר העמוד נפתח לראשונה בדפדפן.

Validate

ציון סוג האימות לתיבת הסימון.

Validate At

מציינת מתי תיבת הסימון מאומתת: onSubmit, onBlur, או onServer.

Label

ציון תווית לתיבת הסימון.

Pattern

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

Height

ציון גובה הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Width

ציון רוחב הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Size

ציון גודל הבקר. שרת ColdFusion מתעלם ממאפיין זה בזמן הריצה.

Required

מאפשרת לכם לציין האם תיבת הסימון חייבת להיות מסומנת לפני שליחת הטופס לשרת.

Display Tag Editor

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

כדי לתייג את תיבת הסימון, לחצו ליד תיבת הסימון בעמוד והזינו טקסט לתווית.

הוספת לחצני אפשרויות של ColdFusion

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

פתק

שיפור זה זמין רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או גרסה חדשה יותר.

מקם את נקודת ההכנסה בתחומי קו המתאר של הטופס.

בחרו Insert > ColdFusion Objects > CFForm > CFradiobutton.

לחצן אפשרות מופיע בטופס ColdFusion.

בחרו את כפתור הרדיו בעמוד והגדירו כל אחת מהאפשרויות הבאות בחלון המאפיינים:

Cfradiobutton

ציון שם ייחודי לבקר.

Checked Value

מאפשרת לכם לציין ערך שיוחזר על ידי לחצן הרדיו אם המשתמש מסמן אותו.

Initial State

מאפשרת לכם לציין האם לחצן הרדיו מסומן כאשר העמוד נפתח לראשונה בדפדפן.

Validate

ציון סוג האימות ללחצן האפשרות.

Validate At

מציינת מתי לחצן הרדיו מאומת: onSubmit, onBlur, או onServer.

Label

ציון תווית ללחצן האפשרות.

Pattern

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

Height

ציון גובה הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Width

ציון רוחב הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Size

ציון גודל הבקר. שרת ה-ColdFusion מתעלם ממאפיין זה בזמן ריצה.

Required

מאפשרת לכם לציין האם לחצן הרדיו חייב להיות מסומן לפני שליחת הטופס לשרת.

Display Tag Editor

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

כדי לתייג את לחצן הרדיו, לחצו לידו בעמוד והזינו טקסט לתווית.

הוספת תיבות בחירה של ColdFusion

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

אתם יכולים להוסיף שני סוגים של תיבות בחירה לטופס: תפריט ש"נפתח למטה" כאשר המשתמש לוחץ עליו, או תפריט שמציג רשימה ניתנת לגלילה של פריטים שהמשתמש יכול לבחור.

פתק

שיפור זה זמין רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או מאוחר יותר.

מקם את נקודת ההכנסה בתחומי קו המתאר של הטופס.

בקטגוריית CFForm של לוח ההוספה, לחצו על סמל ה-CF Select.

תיבת בחירה מופיעה בטופס ColdFusion.

בחרו את תיבת הבחירה בעמוד והגדירו כל אחת מהאפשרויות הבאות במפקח המאפיינים:

Cfselect

ציון שם ייחודי לבקר.

סוג

בחירה בתפריט נפתח או ברשימה. אם תבחרו בסוג רשימה, האפשרויות 'גובה רשימה' ו'אפשר בחירות מרובות ברשימה' יהפכו לזמינות.

List Height

מאפשר לכם לציין את מספר השורות להצגה בתפריט הרשימה.זמין רק בעת בחירה בסוג רשימה.

Allow Multiple List Selections

מאפשר לכם לציין האם המשתמש יכול לבחור יותר מ אפשרות אחת מהרשימה בכל פעם. זמין רק אם תבחרו בסוג רשימה.

Edit Values

פותח תיבת דו-שיח שמאפשרת לכם להוסיף, לערוך או להסיר אפשרויות מתיבת הבחירה.

Initially Selected

ציון האפשרות שתיבחר כברירת מחדל. אתם יכולים לבחור יותר מאפשרות אחת אם בחרתם באפשרות 'אפשר בחירות מרובות ברשימה'.

RecoRDSet

מאפשר לכם לציין את השם של שאילתת ColdFusion ש אתם רוצים להשתמש בה כדי למלא את הרשימה או התפריט.

Display Column

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

Value Column

מאפשר לכם לציין את עמודת רשומת הנתונים שתספק את הערך של כל רכיב ברשימה.מאפיין זה נמצא בשימוש יחד עם המאפיין RecoRDSet.

Flash Label

ציון תווית לתיבת הבחירה.

Flash Height

ציון גובה הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Flash Width

ציון רוחב הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Message

מציין את ההודעה שתוצג אם מאפיין נדרש מוגדר לכן והמשתמש לא הצליח לבצע בחירה לפני שליחת הטופס.

Required

מאפשר לכם לציין האם פריט תפריט חייב להיבחר לפני שהטופס נשלח לשרת.

Display Tag Editor

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

הוספת שדות תמונה של ColdFusion

אתם יכולים להוסיף באופן ויזואלי שדה תמונה של ColdFusion לטופס שלכם ולהגדיר את האפשרויות שלו.שדות תמונה מאפשרים ליצור לחצנים מותאמים אישית.

פתק

שיפור זה זמין רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או מאוחר יותר.

בתצוגת עיצוב, מקמו את נקודת ההוספה בתוך מתאר הטופס.

בקטגוריית CFForm של לוח ההוספה, לחצו על הסמל CF Image Field. דפדפו כדי לבחור את התמונה להוספה, ולחצו על אישור. לחלופין, אתם יכולים להזין את הנתיב של קובץ התמונה בתיבת Src.

פתק

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

בחרו את שדה התמונה בעמוד וקבעו כל אחת מהאפשרויות הבאות במפקח המאפיינים:

Cfimagefield

ציון שם ייחודי לבקר.

Src

ציון כתובת URL של התמונה שנוספה.

Alt

ציון הודעה שמוצגת כשהתמונה אינה ניתנת להצגה.

Align

ציון יישור התמונה.

Border

ציון הרוחב של גבול התמונה.

Edit Image

פתח את התמונה בעורך התמונות של ברירת המחדל.

כדי להגדיר עורך תמונות ברירת מחדל, בחרו Edit > Preferences > File Types / Editors. אחרת, לחצן Edit Image לא מבצע פעולה כלשהי.

Validate

ציון סוג האימות לשדה התמונה.

Validate At

מציין מתי השדה עובר אימות: onSubmit, onBlur, או onServer.

Label

ציון תווית ללחצן האפשרות.

Pattern

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

Height

ציון גובה הבקר, בפיקסלים.

Width

ציון רוחב הבקר, בפיקסלים.

Size

ציון גודל הבקר. המאפיין הזה מתעלם על ידי שרת ColdFusion בזמן הרצה.

Required

מאפשר לכם לציין האם הבקרה חייבת להכיל נתונים לפני שליחת הטופס לשרת.

Display Tag Editor

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

הוספת שדות קובץ ColdFusion

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

שדות קובצים דורשים שתשתמשו בשיטת POST כדי לשדר קבצים מהדפדפן לשרת. הקובץ נשלח לכתובת שאתם מציינים בתיבת Action של הטופס. צרו קשר עם מנהל השרת שלכם כדי לאשר שהעלאות קבצים אנונימיות מותרות לפני השימוש בשדה קובץ בטופס שלכם.

שדות קבצים דורשים גם שקידוד הטופס יוגדר ל-multipart/form.Dreamweaver מגדיר זאת באופן אוטומטי כאשר אתם מכניסים בקרת שדה קובץ.

פתק

השיפור הזה זמין רק אם יש לכם גישה למחשב המריץ ColdFusion MX 7 או מאוחר יותר.

בתצוגת Design, בחרו את CFForm כדי להציג את חלון המאפיינים שלו.

כדי לבחור במהירות את הטופס, לחצו בכל מקום במתאר הטופס ולחצו על התג <cfform> בבורר התגים שבתחתית חלון המסמך.

ב-Property inspector, הגדר את שיטת הטופס על POST.

בתפריט הנפתח Enctype, בחר באפשרות multipart/form-data.

מקמו את נקודת ההכנסה בתוך מתאר הטופס במקום שבו אתם רוצים ששדה הקובץ יופיע.

בחרו ב-Insert > ColdFusion Objects > CFForm > CFfilefield.

שדה קובץ מופיע בטופס.

בחרו את שדה הקובץ בעמוד וקבעו כל אחד מהמאפיינים הבאים במפקח המאפיינים:

Cffilefield

ציון שם ייחודי לבקר.

Max Length

מאפשר לכם לציין את מספר התווים המקסימלי ש לנתיב לקובץ יכול להיות.

Validate

ציון סוג האימות לשדה.

Validate At

מציין מתי השדה עובר אימות: onSubmit, onBlur, או onServer.

Label

ציון תווית לשדה.

Pattern

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

Height

ציון גובה הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Width

ציון רוחב הבקר, בפיקסלים. בזמן הריצה, שרת ColdFusion מתעלם ממאפיין זה.

Size

ציון גודל הבקר.

Required

מאפשר לכם לציין האם שדה הקובץ חייב להכיל נתונים לפני שהטופס נשלח לשרת.

Display Tag Editor

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

הוספת שדות תאריך של ColdFusion

למרות שלא ניתן להכניס באופן חזותי שדה תאריך ColdFusion ב-Dreamweaver, ניתן להגדיר באופן חזותי את המאפיינים שלו. שדה תאריך ColdFusion הוא סוג מיוחד של שדה טקסט המאפשר למשתמשים לבחור תאריך מ לוח שנה קופץ כדי להכניס אותו בשדה הטקסט.

פתק

שיפור זה זמין רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או גרסה מאוחרת יותר.

בתצוגת עיצוב, בחרו את CFForm כדי להציג את חלונית המאפיינים שלו.

כדי לבחור במהירות את הטופס, לחצו בכל מקום בקווי המתאר של הטופס ולחצו על התג <cfform> בבורר התגים בתחתית חלון המסמך.

במפקח המאפיינים, הגדירו את מאפיין הפורמט של הטופס ל-Flash.

פקד שדה התאריך יכול להיות מעובד רק בטפסי ColdFusion מבוססי Flash.

עברו לתצוגת קוד (תצוגה > קוד) והזינו את התג הבא בכל מקום בין תגי CFForm הפותח והסוגר:

עברו לתצוגת עיצוב, בחרו את שדה התאריך בעמוד, ולאחר מכן הגדירו כל אחת מהאפשרויות הבאות במפקח המאפיינים:

Cfdatefield

ציון שם ייחודי לבקר.

Value

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

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

Validate

ציון סוג האימות לשדה.

Validate At

מציין מתי השדה עובר אימות: onSubmit, onBlur, או onServer.

Label

ציון תווית לשדה.

Pattern

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

Height

ציון גובה הבקר, בפיקסלים.

Width

ציון רוחב הבקר, בפיקסלים.

Size

ציון גודל הבקר.

Required

מאפשר לכם לציין האם שדה התאריך חייב להכיל ערך לפני שהטופס נשלח לשרת.

Display Tag Editor

מאפשר לערוך מאפיינים שאינם רשומים ב-Property inspector.

שינוי בקרי טופס של ColdFusion

אתם יכולים לשנות באופן חזותי את המאפיינים של פקדי טפסי ColdFusion בין אם אתם עובדים בתצוגת עיצוב או בתצוגת קוד.

פתק

שיפור זה זמין רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או גרסה מאוחרת יותר.

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

חלון המאפיינים מציג מאפיינים של פקד הטופס.

שנה את מאפייני הבקר ב-Property inspector.

למידע נוסף, לחצו על סמל העזרה במפקח המאפיינים.

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

אימות נתוני טופס ColdFusion

אתם יכולים לבנות טפסי ColdFusion ב-Dreamweaver שבודקים את התוכן של שדות מסוימים כדי לוודא שהמשתמש הזין את סוג הנתונים הנכון.

פתק

שיפור זה זמין רק אם יש לכם גישה למחשב שמריץ ColdFusion MX 7 או גרסה מתקדמת יותר.

צרו טופס ColdFusion הכולל לפחות שדה קלט אחד ולחצן שליחה אחד. ודאו שלכל שדה ColdFusion שברצונכם לאמת יש שם ייחודי.

בחר שדה בטופס שברצונך לאמת.

במפקח המאפיינים, ציינו איך ברצונכם לאמת את השדה.

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

פריטים דומים נוספים

בניית אתרי אינטרנט יפהפיים ב-Dreamweaver
עיצוב כתיבת קוד וניהול אתרי אינטרנט דינמיים בכלי רב עוצמה כולל.

פתיחת היישום

שימוש בטפסים לאיסוף מידע ממשתמשים

יצירת טופסי אינטרנט

למידה

למד עם מדריכי וידאו שלב אחר שלב ועם הדרכה מעשית ישירות ביישום.

קהילה

הצטרפו לדיונים, מצאו תשובות, למדו ממומחים ושתפו את הידע שלכם.

דף הבית של Adobe

גשו ליישומים ולשירותים המועדפים עליכם ב-Creative Cloud, לניהול קבצים ועוד.