در اين بخش از
دوره آموزش HTML در آموزش دون
، با تگ
<option> آشنا ميشويم. اين تگ براي تعريف گزينهها در منوي کشويي
(<select>) يا ليستهاي انتخابي استفاده ميشود.
تگ option در HTML چيست؟
تگ <option> يک گزينه را در داخل <select> يا
<optgroup> تعريف ميکند.
کاربر ميتواند يکي يا چند گزينه را از اين منو انتخاب کند.
مثال ساده از تگ option
<label>انتخاب ميوه:</label>
<select>
<option value="apple">سيب</option>
<option value="orange">پرتقال</option>
<option value="banana">موز</option>
</select>در اين مثال، سه گزينه براي انتخاب ميوه در منو ارائه شده است و مرورگر به صورت پيشفرض اولين گزينه را انتخاب ميکند.
ويژگيهاي مهم تگ option
| ويژگي | توضيح |
|---|---|
| value | مقدار واقعي گزينه که هنگام ارسال فرم ارسال ميشود |
| selected | انتخاب پيشفرض گزينه هنگام بارگذاري صفحه |
| disabled | غيرفعال کردن گزينه براي جلوگيري از انتخاب |
مثال پيشرفته با ويژگيها
<select>
<option value="apple">سيب</option>
<option value="orange" selected>پرتقال</option>
<option value="banana" disabled>موز</option>
</select>در اين مثال، گزينه "پرتقال" بهصورت پيشفرض انتخاب شده و گزينه "موز" غيرقابل انتخاب است.
نکات مهم درباره option
- تگ
<option>بايد هميشه داخل<select>يا<optgroup>باشد. - براي گزينههاي پيشفرض از ويژگي
selectedاستفاده کنيد. - ميتوان گزينهها را با ويژگي
disabledغيرفعال کرد تا کاربر نتواند آنها را انتخاب کند.
براي يادگيري کامل ساخت منوها و فرمهاي تعاملي در صفحات وب، پيشنهاد ميکنيم در دوره آموزش HTML و CSS آموزش دون شرکت کنيد.
براي مشاهده تمام آموزشهاي HTML، به صفحه اصلي آموزش دون مراجعه کنيد.
آموزش قبلي: تگ optgroup در HTML
آموزش بعدي: تگ output در HTML
دیدگاه و پرسش