پارس جوم :: انجمن های تخصصی جوملا

تگ <select>

از تگ select برای ایجاد یک لیست drop-down میتوان استفاده کرد. با تگ option موجود در تگ select گزینه های مختلفی را برای لیست خود میتوانید استفاده کنید.

کد: 

<select>

    <option value="volvo">Volvo</option>

    <option value="saab">Saab</option>

    <option value="mercedes">Mercedes</option>

    <option value="audi">Audi</option>

    </select>

تگ select همچنین ویژگی های عمومی در HTML را پشتیبانی میکند.این تگ ویژگی های رویدادها در HTML را نیز پشتیبانی میکند.

تگ <option>

تگ option برای ایجاد یک گزینه در لیست بکار میرود. تگ option داخل تگ های select یا datalist استفاده میشود.

کد: 

<select>

    <option value="volvo">Volvo</option>

    <option value="saab">Saab</option>

    <option value="opel">Opel</option>

    <option value="audi">Audi</option>

    </select>

تگ option همچنین ویژگی های عمومی در HTML را پشتیبانی میکند. این تگ ویژگی های رویدادها در HTML را نیز پشتیبانی میکند.

تگ<optgroup>

تگ optgroup برای ایجاد گروهی از option ها در یک drop-down استفاده میشود.

اگر شما دارای یک لیست طولانی از گزینه ها میباشید استفاده از تگ optgroup برای راحت تر کنترل کردن گزینه ها پیشنهاد میشود.

کد: 

<select>

    <optgroup label="Swedish Cars">

    <option value="volvo">Volvo</option>

    <option value="saab">Saab</option>

    </optgroup>

    <optgroup label="German Cars">

    <option value="mercedes">Mercedes</option>

    <option value="audi">Audi</option>

    </optgroup>

    </select>

تگ optgroup همچنین ویژگی های عمومی در HTML را پشتیبانی میکند.این تگ ویژگی های رویدادها در HTML را نیز پشتیبانی میکند.

پارس جوم :: انجمن های تخصصی جوملا

saharrahin