حالت آفلاین — محتوا از حافظهٔ کش نمایش داده می‌شود
HTML از صفر؛ ساخت وب‌سایت

textarea، select و پیشنهادهای datalist

۵. فرم‌ها؛ دریافت اطلاعات از کاربر · 0٪

برای ذخیره پیشرفت و استفاده از دستیار وارد شوید.

متن بلند و گزینه‌های انتخابی

textarea برای متن چندخطی است. مقدار اولیهٔ آن بین تگ آغاز و پایان نوشته می‌شود، نه در ویژگی value. rows اندازهٔ پیشنهادی است و maxlength تعداد کاراکترها را محدود می‌کند.

<label for="message">پیام</label>
<textarea id="message" name="message" rows="4" maxlength="500"></textarea>
<label for="level">تجربهٔ قبلی</label>
<select id="level" name="level" required>
  <option value="">انتخاب کن</option>
  <option value="zero">از صفر</option>
  <option value="some">کمی آشنا هستم</option>
</select>
<label for="city">شهر</label>
<input id="city" name="city" list="cities">
<datalist id="cities">
  <option value="تهران"></option>
  <option value="شیراز"></option>
</datalist>

در select، متن option برای کاربر و value برای دادهٔ ارسالی است. selected انتخاب اولیه را تعیین می‌کند. optgroup گزینه‌های مرتبط را گروه‌بندی می‌کند. multiple امکان چندانتخابی را فراهم می‌کند و ممکن است شیوهٔ کنترل را تغییر دهد.

datalist پیشنهاد می‌دهد و کاربر می‌تواند مقدار دیگری هم تایپ کند؛ اگر انتخاب باید محدود به چند مقدار باشد select مناسب‌تر است. پشتیبانی و تجربهٔ دسترس‌پذیری datalist در مرورگرها را آزمایش کن. placeholder در textarea یا input همچنان جای برچسب نیست.

آزمایش: در datalist نام شهر دیگری بنویس؛ تفاوت آن را با select توضیح بده.