התגית 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 שנים, מייסד אתר וובמאסטר

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