הבעיה העיקרית קשורה ל-HTML
<datalist id="browsers"> <option value="Chrome"> <option value="Firefox"> <option value="Internet Explorer"> <option value="Opera"> <option value="Safari"> </datalist>
1. קוד זה יוצר אלמנט HTML הנקרא datalist, המשמש ליצירת רשימה של אפשרויות עבור שדה קלט.
2. לרשימת הנתונים יש תכונה מזהה של "דפדפנים".
3. בתוך רשימת הנתונים, ישנם חמישה רכיבי אופציה, כל אחד עם תכונת ערך המכילה את השם של דפדפן אינטרנט (Chrome, Firefox, Internet Explorer, Opera ו-Safari).
4. ערכים אלה ישמשו כהצעות כאשר המשתמש מקליד בשדה הקלט המשויך לרשימת הנתונים הזו.
תוכן
מה זה תג נתונים ליסט
ה- HTML
מה ההבדל בין Datalist לתפריט נפתח
Datalist הוא רכיב HTML המספק רשימה של אפשרויות לבחירת המשתמש. זה דומה לתפריט נפתח, אבל ההבדל העיקרי הוא שהוא מאפשר למשתמשים להזין ערכים משלהם. המשתמש יכול להקליד בשדה הקלט ורשימת הנתונים תספק הצעות על סמך מה שהקליד. התפריט הנפתח, לעומת זאת, מאפשר רק למשתמשים לבחור מבין אפשרויות מוגדרות מראש. בנוסף, עם רשימת נתונים, משתמשים יכולים להקליד כל ערך שהם רוצים גם אם הוא לא רשום כאופציה.
כיצד להשתמש ברשימת הנתונים בצורת HTML
ה- HTML
כדי להשתמש באלמנט ה-datalist, תחילה עליך ליצור טופס HTML עם an אלמנט ולתת לו תכונה id. לאחר מכן, תוכל להוסיף אלמנט רשימת נתונים בתוך הטופס ולהגדיר את תכונת הרשימה שלו שווה לזהות של שדה הקלט. בתוך רשימת הנתונים, אתה יכול להוסיף אחד או יותר
לדוגמה: