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>
                            

                        
                    





Niche Templates

Joo - Niche Multi-Purpose HTML Template
Creative 01
View more
Joo - Niche Multi-Purpose HTML Template
Corporate 01
View more
Joo - Niche Multi-Purpose HTML Template
Burger Restaurant
View more
Joo - Niche Multi-Purpose HTML Template
Wedding
View more
Joo - Niche Multi-Purpose HTML Template
Corporate 02
View more
Joo - Niche Multi-Purpose HTML Template
Barber Shop
View more
Joo - Niche Multi-Purpose HTML Template
Logistics Cargo
View more
Joo - Niche Multi-Purpose HTML Template
Restaurant 01
View more
Joo - Niche Multi-Purpose HTML Template active
Wedding Planner
Joo - Niche Multi-Purpose HTML Template
Logistics Cargo 02
View more
Joo - Niche Multi-Purpose HTML Template
Creative 02
View more
Joo - Niche Multi-Purpose HTML Template
Bridal Dresses
View more
Joo - Niche Multi-Purpose HTML Template
Coming Soon
View more
Joo - Niche Multi-Purpose HTML Template
Creative 03
View more