فصل ۲۷ | فرم‌ها و ورودی‌ها

عناصر رایج داخل یک فرم

علاوه بر <input>، چند عنصر دیگر هم معمولاً در فرم‌ها استفاده می‌شوند که هرکدام نقش خاصی برای جمع‌آوری نوع متفاوتی از داده دارند.

select — لیست کشویی

select.html

<label for="city">شهر:</label>
<select id="city" name="city">
    <option value="tehran">تهران</option>
    <option value="shiraz">شیراز</option>
</select>

textarea — متن چندخطی

textarea.html

<label for="msg">پیام:</label>
<textarea id="msg" name="msg" rows="4" cols="40"></textarea>

button — دکمه

دکمه‌ی ارسال فرم معمولاً با <button> یا <input type="submit"> ساخته می‌شود.

button.html

<button type="submit">ارسال فرم</button>

fieldset و legend — گروه‌بندی بصری

این دو عنصر برای گروه‌بندی چند فیلد مرتبط زیر یک قاب مشترک با عنوان استفاده می‌شوند.

fieldset.html

<fieldset>
    <legend>اطلاعات تماس</legend>
    <label for="phone">تلفن:</label>
    <input type="tel" id="phone" name="phone">
</fieldset>

نکته: عنصر <select> با ویژگی multiple می‌تواند به کاربر اجازه‌ی انتخاب چند گزینه هم‌زمان را بدهد.

فصل قبل→ فرم‌ها فصل بعدانواع input ←