התגית datalist

‏ • entry ‏ • 5 במאי, 2013

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

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

לא ניתן לחייב את המשתמש לבחור רק אחת מהאפשרויות הללו, לשם כך קיימת התגית <select>

דוגמאת קוד

<input type=”text” list=”countries”>

<datalist id="countries">
   <option value=”ישראל”>
   <option value=”אנגליה”>
   <option value=”צרפת”>
   <option value=”איטליה”>
</datalist>

תמיכת דפדפנים

דפדפן אקספלורר מגירסא 9 ומטה אינו תומך בתגית זו. כדי להישתמש בתגית זו בדפדפן אקספלורר 9 ומטה, אפשר להישתמש באחד הפלאגינים הללו (מתוך Modernizr):

תגיות: , ,

אלי ענתבי

מתכנת Front-End פרילאנסר עם ניסיון של כ-12 שנים, מייסד אתר וובמאסטר

תגובות בפייסבוק

חדש! אחסון אתרים של וובמאסטר

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

מומחים באירוח אתרי
WordPress, Joomla, Drupal

  • שרתי לינוקס עם CloudLinux, LiteSpeed
  • 1GB דיסק SSD, 10GB תעבורה חודשית
  • ממשק ניהול cPanel, תעודת SSL חינם

עכשיו במחיר היכרות:
רק 420 ש"ח לשנה!