ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער

דרעאַמוועאַווער מאכט עס גרינג צו שאַפֿן פאַללינג מעניוז פֿאַר דיין וועבזייַטל. אבער ווי אַלע HTML פאָרמס זיי קענען זיין אַ ביסל טריקי. דעם טוטאָריאַל וועט גיין דורך די טריט צו שאַפֿן אַ פאַל-אַראָפּ מעניו אין דרעאַמוועאַווער.

דרעאַמוועאַווער שפרינג מעניוז

דרעאַמוועאַווער 8 אויך גיט אַ מאַזעק צו שאַפֿן אַ שפּרינגען מעניו פֿאַר נאַוויגאַציע אין דיין וועבזייטל. ניט ענלעך יקערדיק דראָפּ-אַראָפּ מעניוז, דעם מעניו וועט טאַקע טאָן עפּעס ווען איר זענט פאַרטיק. איר וועט ניט האָבן צו שרייַבן קיין דזשאַוואַסקריפּט אָדער קגיס צו באַקומען דיין קאַפּ-אַראָפּ פאָרעם צו אַרבעטן. דעם טוטאָריאַל אויך דערקלערט ווי צו נוצן די דרעאַמוועאַווער 8 מאַזעק צו שאַפֿן אַ שפּרינגען מעניו.

01 פון 20

ערשטער מאַכן די פאָרעם

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער ערשטער שאַפֿן די פאָרעם. סקרין שאָס דורך J Kyrnin

וויכטיק באַמערקונג וועגן HTML פאָרמס און דרעאַמוועאַווער:

חוץ פֿאַר ספּעציעל וויזערדז ווי די שפּרינגען מעניו, דרעאַמוועאַווער טוט נישט העלפן איר מאַכן HTML פארמען "אַרבעט". פֿאַר דעם איר דאַרפֿן אַ קגי אָדער דזשאַוואַסקריפּט. ביטע זען מיין טוטאָריאַל מאכן HTML פאָרמס אַרבעט פֿאַר מער אינפֿאָרמאַציע.

ווען איר'ווע לייגן אַ קאַפּ-אַראָפּ מעניו צו דיין וועבזייטל, דער ערשטער זאַך איר דאַרפֿן איז אַ פאָרעם צו אַרומרינגלען עס. אין דרעאַמוועאַווער, גיין צו די ינסערט מעניו און גיט פאָרעם, דעמאָלט קלייַבן "פאָרעם".

02 פון 20

פאָרעם דיספּלייַס אין פּלאַן View

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער פאָרם דיספּלייַס אין פּלאַן View. סקרין שאָס דורך J Kyrnin

דרעאַמוועאַווער ווייזט דיין פאָרמע אָרט וויזשוואַלי אין די פּלאַן מיינונג, אַזוי איר וויסן ווו צו שטעלן דיין פאָרעם עלעמענטן. דעם איז וויכטיק, ווייַל פאַל-אַראָפּ מעניו טאַגס זענען נישט גילטיק (און וועט ניט אַרבעט) אַרויס פון די פאָרעם עלעמענט. ווי איר קענען זען אין דעם בילד, די פאָרעם איז די רויט דאַטיד שורה אין פּלאַן מיינונג.

03 פון 20

קלייַבן ליסטע / מעניו

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער אויסקלייַבן רשימה / מעניו. סקרין שאָס דורך J Kyrnin

דראָפּ-אַראָפּ מעניוז זענען גערופן "רשימה" אָדער "מעניו" זאכן אין דרעאַמוועאַווער. אַזוי צו לייגן איין צו דיין פאָרעם, איר דאַרפֿן צו גיין אין די פאָרעם מעניו אויף די ינסערט מעניו און קלייַבן "רשימה / מעניו". מאַכן זיכער אַז דיין לויפֿער איז געווען ין די רויט דאַטיד שורה פון דיין פאָרעם קעסטל.

04 פון 20

ספּעציעלע אָפּציעס פֿענצטער

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער ספּעציעלע אָפּציעס פֿענצטער. סקרין שאָס דורך J Kyrnin

אין די דרעאַמוועאַווער אָפּציעס עס איז אַ פאַרשטעלן אויף אַקסעסאַביליטי. איך קלייַבן צו האָבן דרעאַמוועאַווער ווייַזן מיר אַלע אַקסעסאַבילאַטי אַטריביוץ. און דעם פאַרשטעלן איז דער רעזולטאַט פון וואָס. פארמען זענען אַ פּלאַץ ווו פילע וועבסיטעס פאַלן אַראָפּ אין אַקסעסאַביליטי און דורך פילונג אויס די פינף אָפּציעס דיין דראָפּ-אַראָפּ מעניוז זענען גלייַך צוטריטלעך.

05 פון 20

Form Accessibility

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער פאָרם אַקסעססיביליטי. סקרין שאָס דורך J Kyrnin

די אַקסעסאַביליטי אָפּציעס זענען:

פירמע

דאס איז די פעלד נאָמען. עס וועט ווייַזן אַרויף ווי טעקסט בייַ דיין פאָרעם עלעמענט.
שרייַבן וואָס איר ווילן צו רופן דיין קאַפּ-אַראָפּ מעניו. דעם קען זיין אַ קשיא אָדער קורץ פראַזע אַז דער פאַל-אַראָפּ מעניו וועט ענטפֿערן.

סטייל

HTML כולל אַ פירמע קוויטל צו ידענטיפיצירן דיין פאָרעם לאַבעלס צו דעם בלעטערער. דיין ברירות זענען צו ייַנוויקלען די דראָפּ-אַראָפּ מעניו און די טעקסט טעקסט מיט דעם צעטל, צו נוצן די "פֿאַר" אַטריביוט אויף די פירמע פאַרבינדן צו ידענטיפיצירן וואָס פֿאָרמאַט קוויטל עס רעפערענצן, אָדער נישט נוצן די פירמע קוויטל בייַ אַלע.
איך בעסער צו נוצן די פֿאַר אַטריביוט, ווי דעמאָלט אויב איך דאַרפֿן צו באַוועגן דעם פירמע פֿאַר עטלעכע סיבה, עס וועט נאָך זיין אַטאַטשט צו די ריכטיק פאָרעם פעלד.

שטעלע

איר קענען שטעלן דיין פירמע איידער אָדער נאָך די קאַפּ-אַראָפּ מעניו.

Access Key

דעם איז דער שליסל וואָס קענען זיין געניצט צוזאמען מיט די אַלט אָדער אָפּציע קיז צו באַקומען גלייַך צו אַז פאָרעם פעלד. דעם מאכט דיין פארמען זייער גרינג צו נוצן אָן אַ מויז. ווי צו באַשטעטיק אַרויף אַ שליסל שליסל אין HTML

Tab Index

דעם איז דער סדר אין וואָס די פאָרעם פעלד זאָל זיין אַקסעסט ווען ניצן די קלאַוויאַטור צו קוויטל דורך די וועב בלאַט. פארשטיין די טאַבינדעקס

ווען איר דערהייַנטיקט דיין אַקסעסאַביליטי אָפּציעס, גיט גוט.

06 פון 20

אויסקלייַבן די מעניו

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער אויסקלייַבן די מעניו. סקרין שאָס דורך J Kyrnin

אַמאָל איר האָבן דיין פאַל-אַראָפּ מעניו אַרויסווייַזן אין פּלאַן מיינונג, איר דאַרפֿן צו לייגן די פאַרשידן עלעמענטן צו עס. ערשטער סעלעקטירן די קאַפּ-אַראָפּ מעניו דורך געבן אַ קליק אויף עס. דרעאַמוועאַווער וועט שטעלן אנדערן דאָטיד שורה אַרום נאָר די קאַפּ-אַראָפּ מעניו, צו ווייַזן אַז איר האָט אויסגעקליבן עס.

07 פון 20

מעניו פּראָפּערטיעס

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער מעניו פּראָפּערטיעס. סקרין שאָס דורך J Kyrnin

די פּראָפּערטיעס מעניו וועט טוישן צו די רשימה / מעניו פּראָפּערטיעס פֿאַר דעם פאַל-אַראָפּ מעניו. איר קענען געבן דיין מעניו אַ שייַן (ווו עס זאגט "סעלעקטירן"), באַשליסן אויב איר ווילן צו זיין אַ ליס אָדער אַ מעניו, געבן עס אַ נוסח קלאַס פון דיין נוסח בלאַט, און באַשטימען וואַלועס צו די פאַלן-אַראָפּ.

וואָס איז די דיפפערענסע צווישן רשימה און מעניו?

דרעאַמוועאַווער רופט אַ מעניו קאַפּ-אַראָפּ מעניו קיין פאַל-אַראָפּ אַז נאָר אַלאַוז איינער סעלעקציע. א "רשימה" אַלאַוז קייפל ברירות אין די קאַפּ-אַראָפּ און קענען זיין מער ווי איין פּאָזיציע הויך.

אויב איר ווילן אַ דראָפּ-אַראָפּ מעניו צו זיין פילע קייפל שורות הויך, טוישן עס צו אַ "רשימה" טיפּ און לאָזן די "סעלעקשאַנז" קעסטל ונקעקקעד.

08 פון 20

לייג ניו ליסטע יטעמס

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער לייג ניו ליסטע יטעמס. סקרין שאָס דורך J Kyrnin

צו לייגן נייַ זאכן צו דיין מעניו, דריקט אויף די "רשימה וואַלועס ..." קנעפּל. דאס וועט עפענען דעם אויבן פֿענצטער. טיפּ דיין נומער אין די ערשטער קעסטל. דעם איז וואָס וועט אַרויסווייַזן אויף די בלאַט. אויב איר פאַרלאָזן די ווערט ליידיק, וואָס איז אויך וואָס וועט זיין געשיקט אין די פאָרעם.

09 פון 20

לייג מער און ריאָרדער

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער לייג מער און ריאָרדער. סקרין שאָס דורך J Kyrnin

דריקט אויף די פּלוס בילדל צו לייגן מער זאכן. אויב איר ווילן צו שייַעך-סדר זיי אין די רשימה קעסטל, נוצן די אַרויף און אַראָפּ אַראָוז אויף די רעכט.

10 פון 20

געבן אַלע זאכן וואַלועס

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער געבן אַלע זאכן וואַלועס. סקרין שאָס דורך J Kyrnin

ווי איך געזאגט אין שריט 8, אויב איר פאַרלאָזן די ווערט ליידיק, די פירמע וועט זיין געשיקט צו די פאָרעם. אָבער איר קענען געבן אַלע דיין ייטאַמז וואַלועס - צו שיקן אָלטערנאַטיוו אינפֿאָרמאַציע צו דיין פאָרעם. איר וועט נוצן דאָס אַ פּלאַץ פֿאַר זאכן ווי שפּרינגען מעניוז.

11 פון 20

קלייַבן אַ דיפאָלט

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער אויסקלייַבן אַ דיפאָלט. סקרין שאָס דורך J Kyrnin

וועב זייַטלעך פעליקייַט צו אַרויסווייַזן וועלכע פאַל-אַראָפּ נומער איז ליסטעד ערשטער ווי די פעליקייַט נומער. אבער אויב איר ווילן אַ אַנדערש איינער אויסגעקליבן, סעלעקטירן עס אין די "ינסטאָללי אויסגעקליבן" קעסטל אין די מעניו פּראָפּערטיעס.

12 פון 20

זען דיין רשימה אין פּלאַן מיינונג

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער זען דיין רשימה אין פּלאַן מיינונג. סקרין שאָס דורך J Kyrnin

אַמאָל איר ניטאָ געטאן עדיטינג די פּראָפּערטיעס, דרעאַמוועאַווער וועט ווייַזן דיין פאַל-אַראָפּ רשימה מיט די פעליקייַט ווערט אויסגעקליבן.

13 פון 20

זען דיין ליסטע אין קאוד מיינונג

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער זען דיין ליסטע אין קאָוד View. סקרין שאָס דורך J Kyrnin

אויב איר באַשטימען צו קאָד View, איר קענען זען אַז דרעאַמוועאַווער מוסיף דיין פאַל-אַראָפּ מעניו אין מיט זייער ריין קאָד. דער בלויז עקסטרע אַטריביוץ זענען אָנעס וואָס מיר צוגעגעבן מיט אַקסעסאַביליטי אָפּציעס. דער קאָד איז אַלע ינדענטיד און זייער גרינג צו לייענען און פֿאַרשטיין. עס אַפֿילו לייגט אין די אויסגעקליבן = "אויסגעקליבן" אַטריביוט ווייַל איך ווע דערציילט דרעאַמוועאַווער אַז איך ניטאָ צו שרייבן קסהטמל.

14 פון 20

היט און View אין בראַוזער

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער היט און View אין בראַוזער. סקרין שאָס דורך J Kyrnin

אויב איר ראַטעווען די דאָקומענט און זען עס אין אַ וועב בלעטערער, ​​איר קענען זען אַז דיין קאַפּ-אַראָפּ מעניו קוקט פּונקט ווי איר וואָלט דערוואַרטן עס צו.

15 פון 20

אבער עס טוט נישט טאָן עפּעס

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער אָבער עס טוט נישט טאָן עפּעס. סקרין שאָס דורך J Kyrnin

דער מעניו מיר באשאפן אויבן קוקט פייַן, אָבער עס טוט נישט טאָן עפּעס. אין סדר צו באַקומען עס צו טאָן עפּעס, איר דאַרפֿן צו שטעלן אַרויף אַ פאָרעם אויף די פאָרעם זיך, וואָס איז אַ גאָר אנדערן טוטאָריאַל.

צומ גליק, דרעאַמוועאַווער האט אַ געבויט-אין קאַפּ-אַראָפּ מעניו פאָרעם אַז איר קענען נוצן מיד אויף דיין פּלאַץ אָן נידינג צו לערנען וועגן פארמען, קגיס אָדער סקריפּטינג. עס איז גערופן אַ שפרינג מעניו.

די דרעאַמוועאַווער שפרינג מעניו שטעלט אַרויף אַ קאַפּ-אַראָפּ מעניו מיט נעמען און URL ס. דעמאָלט איר קענען קלייַבן אַ פּאָזיציע אין די מעניו, און די וועב בלאַט וועט מאַך צו דעם פּלאַץ, ווי אויב איר האט אַ לינק.

גיין צו די ינסערט מעניו און קלייַבן פאָרעם און דעמאָלט שפרינג מעניו.

16 פון 20

שפרינג מעניו פֿענצטער

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער שפרינג מעניו פֿענצטער. סקרין שאָס דורך J Kyrnin

ניט ווי די נאָרמאַל קאַפּ-אַראָפּ מעניו, די שפרינג מעניו עפענען אַ נייַ פֿענצטער פֿאַר איר צו נאָמען דיין מעניו זאכן און לייגן פרטים וועגן ווי די פאָרעם זאָל אַרבעטן.

פֿאַר דער ערשטער פּונקט, טוישן די טעקסט "ונטיטלעד 1" צו וואָס איר ווילן עס צו לייענען און לייגן אַ URL וואָס אַז לינק זאָל גיין צו.

17 פון 20

לייג זאכן צו דיין שפרינג מעניו

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער לייג זאכן צו דיין שפרינג מעניו. סקרין שאָס דורך J Kyrnin

דריקט אויף די לייגן נומער צו לייגן אַ נייַ נומער צו דיין שפּרינגען מעניו. לייג ווי פילע זאכן ווי איר ווילט.

18 פון 20

שפרינג מעניו אָפּציעס

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער שפרינג מעניו אָפּציעס. סקרין שאָס דורך J Kyrnin

אַמאָל איר'ווע מוסיף אַלע די לינקס איר ווילן, איר זאָל קלייַבן דיין אָפּציעס:

Open URLs אין

אויב איר האָבן אַ פראַמעסעט, איר קענען עפענען די לינקס אין אַ אַנדערש ראַם. אָדער איר קענען טוישן די אָפּציע פון ​​הויפּט פֿענצטער צו אַ ספּעציעל ציל אַזוי אַז די URL וועט עפענען אין די נייַ פֿענצטער אָדער אנדערש.

מעניו נאָמען

געבן דיין מעניו אַ יינציק שייַן פֿאַר די בלאַט. דעם איז פארלאנגט אַזוי אַז די שריפט וועט אַרבעטן ריכטיק. עס אויך אַלאַוז איר צו האָבן קייפל שפּרינגען מעניוז אין איין פאָרעם - נאָר געבן זיי אַלע פאַרשידענע נעמען.

אַרייַננעמען גיין קנעפּל נאָך מעניו

איך וואָלט ווי צו אויסקלייַבן דאָס ווייַל מאל די שריפט טוט נישט אַרבעטן ווען די מעניו ענדערט. עס איז אויך מער צוטריטלעך.

אויסקלייַבן ערשטער פּונקט נאָך URL ענדערונג

סעלעקטירן דעם אויב איר האָט אַ פּינטלעך אַזאַ ווי "אויסקלייַבן איינער" ווי דער ערשטער מעניו נומער. דעם וועט ינשור אַז דעם נומער סטייז פעליקייַט אויף דער בלאַט.

19 פון 20

שפרינג מעניו פּלאַן View

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער שפרינג מעניו פּלאַן מיינונג. סקרין שאָס דורך J Kyrnin

פּונקט ווי מיט דיין ערשטער מעניו, דרעאַמוועאַווער שטעלט אַרויף דיין שפּרינגען מעניו אין פּלאַן מיינונג מיט די פעליקייַט נומער קענטיק. איר קענען ענדערן די קאַפּ-אַראָפּ מעניו ווי איר וואָלט אַנדערש.

אויב איר ענדערן עס, מאַכן זיכער נישט צו טוישן קיין ידס אויף די ייטאַמז, אַנדערש די שריפט קען נישט אַרבעטן.

20 פון 20

שפרינג מעניו אין בראַוזער

ווי צו שאַפֿן אַ דראָפּ-אַראָפּ מעניו אין דרעאַמוועאַווער שפרינג מעניו אין בראַוזער. סקרין שאָס דורך J Kyrnin

שפּאָרן די טעקע און היטטינג פ 12 וועט אַרויסווייַזן די בלאַט אין דיין בילכער וועבזייטל. עס איר קענען אויסקלייַבן אַן אָפּציע, גיט "גיין" און די שפּרינגען מעניו אַרבעט!