form

The indispensable form controls

select



The following modifiers are supported:

                        

                            
                            <div class="select">
                              <select>
                                <option>Select dropdown</option>
                                <option>With options</option>
                              </select>
                            </div>
                            <div class="select is-rounded">
                              <select>
                                <option>Rounded dropdown</option>
                                <option>With options</option>
                              </select>
                            </div>
                            <div class="control">
                              <div class="select is-loading">
                                <select>
                                  <option>Select dropdown</option>
                                  <option>With options</option>
                                </select>
                              </div>
                            </div>
                            <div class="field">
                              <div class="control has-icons-left">
                                <div class="select">
                                  <select>
                                    <option selected>Country</option>
                                    <option>Select dropdown</option>
                                    <option>With options</option>
                                  </select>
                                </div>
                                <div class="icon is-small is-left">
                                  <i class="fas fa-globe"></i>
                                </div>
                              </div>
                            </div>
                            

                        
                    



Multiple select


You can style a multiple select dropdown, by using the is-multiple modifier, and by using the multiple HTML attribute.

                        

                            
                            <div class="select is-multiple">
                              <select multiple size="8">
                                <option value="Argentina">Argentina</option>
                                <option value="Bolivia">Bolivia</option>
                                <option value="Brazil">Brazil</option>
                                <option value="Chile">Chile</option>
                                <option value="Colombia">Colombia</option>
                                <option value="Ecuador">Ecuador</option>
                                <option value="Guyana">Guyana</option>
                                <option value="Paraguay">Paraguay</option>
                                <option value="Peru">Peru</option>
                                <option value="Suriname">Suriname</option>
                                <option value="Uruguay">Uruguay</option>
                                <option value="Venezuela">Venezuela</option>
                              </select>
                            </div>
                            

                        
                    




colors

                        

                            
                            <div class="field">
                              <div class="control">
                                <div class="select is-primary">
                                  <select>
                                    <option>Select dropdown</option>
                                    <option>With options</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="field">
                              <div class="control">
                                <div class="select is-info">
                                  <select>
                                    <option>Select dropdown</option>
                                    <option>With options</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="field">
                              <div class="control">
                                <div class="select is-success">
                                  <select>
                                    <option>Select dropdown</option>
                                    <option>With options</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="field">
                              <div class="control">
                                <div class="select is-warning">
                                  <select>
                                    <option>Select dropdown</option>
                                    <option>With options</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            <div class="field">
                              <div class="control">
                                <div class="select is-danger">
                                  <select>
                                    <option>Select dropdown</option>
                                    <option>With options</option>
                                  </select>
                                </div>
                              </div>
                            </div>
                            

                        
                    





القوالب المتاحة

Joo - Niche Multi-Purpose HTML Template
إبداعى 01
View more
Joo - Niche Multi-Purpose HTML Template
شركات 01
View more
Joo - Niche Multi-Purpose HTML Template
مطعم برجر
View more
Joo - Niche Multi-Purpose HTML Template
حفل زفاف
View more
Joo - Niche Multi-Purpose HTML Template
شركات 02
View more
Joo - Niche Multi-Purpose HTML Template
صالون حلاقة
View more
Joo - Niche Multi-Purpose HTML Template
شركة شحن
View more
Joo - Niche Multi-Purpose HTML Template مفعل
مطعم 01
Joo - Niche Multi-Purpose HTML Template
منظم حفلات
View more
Joo - Niche Multi-Purpose HTML Template
شركة شحن 02
View more
Joo - Niche Multi-Purpose HTML Template
إبداعى 02
View more
Joo - Niche Multi-Purpose HTML Template
فساتين الزفاف
View more
Joo - Niche Multi-Purpose HTML Template
تحت الإنشاء
View more
Joo - Niche Multi-Purpose HTML Template
إبداعى 03
View more