ایجاد لیست های داده

یکی از امکانات جدید فراهم شده در HTML5 در رابطه با عناصر فرم امکان ایجاد لیست های داده است. لیست های داده بسیار شبیه comboboxها هستند با این تفاوت که، برخلاف combobox که امکان انتخاب یک گزینه از میان گزینه های از پیش تعریف شده را می دهد. در لیست های داده امکان وارد کردن گزینه مورد نظر کاربر که در میان گزینه های از پیش تعریف شده نیست وجود دارد. برای ایجاد یک datalist نیاز به یک کادر متنی و یک تگ <datalist> خواهیم ادشت. سپس کافی است نامی برای تگ <datalist> از طریق صفت id تعیین کرده و صفت جدید list را در تگ input مربوطه برابر آن قرار دهید. به کد زیر توجه کنید:

<input list=”cars” />
<datalist id=”cars”>
<option value=”BMW”>
<option value=”Ford”>
<option value=”Volvo”>
</datalist>