متن بلند و گزینههای انتخابی
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 توضیح بده.