در حال بارگذاری...

datalist HTML

گاهی پیشنهاد می‌خواهید بدون قفل کردن کاربر. datalist autocomplete برای input است.

پاسخ مستقیم

1) <datalist id="browsers"> با <option value="…">.
2) روی input: list="browsers".
کاربر پیشنهاد یا متن خود را تایپ می‌کند.

Input with datalist suggestions

html
HTML Code 
<label for="browser">Browser</label>
<input id="browser" name="browser" list="browsers" placeholder="Type or choose">
<datalist id="browsers">
<option value="Firefox">
<option value="Chrome">
<option value="Edge">
<option value="Safari">
</datalist>

امتحان کنید

  1. input با list
  2. datalist با چهار option
  3. تایپ و انتخاب
  4. با select مقایسه کنید

اشتباهات آسان

  • list/id ناهماهنگ
  • انتظار فقط مقادیر لیست
  • بدون label

خلاصه

  • datalist پیشنهاد می‌دهد
  • list + id
  • متن دلخواه ممکن
  • انتخاب ثابت: select

🧠 دانش خود را بیازمایید

آماده شروع

دانش خود را بیازمایید

خود را با این آزمون تعاملی به چالش بکشید و ببینید موضوع را چقدر خوب درک کرده‌اید

❓
4
سوالات
🎯
70%
برای قبولی
♾️
∞
زمان
🔄
∞
تلاش‌ها

📝 دستورالعمل‌ها

  • هر سوال را با دقت بخوانید
  • بهترین پاسخ را برای هر سوال انتخاب کنید
  • می‌توانید آزمون را هر چند بار که می‌خواهید تکرار کنید
  • پیشرفت شما در بالا نمایش داده می‌شود
موضوع 1 از 1
Html آموزش