Forms

Text Inputs

These input types create a text field: text, date, datetime, datetime-local, email, month, number, password, search, tel, time, url, and week.

              
          
            Input Label
            
          
              
            

Number Inputs

              
          
            How many puppies?
            
          
              
            

Text Areas

              
          
            What books did you read over summer break?
            
          
              
            

Select Menus

              
          
            Husker
            Starbuck
            Hot Dog
            Apollo
          
              
            

Select Multiple

Add the multiple attribute to allow more than one option to be selected. Hold down the Ctrl (windows) / Command (Mac) button to select multiple options.

              
          
            Multiple Select Menu
            
              Showboat
              Redwing
              Narcho
              Hardball
            
          
              
            

Checkboxes

              
          
          Checkbox 1
          
          Checkbox 2
          
          Checkbox 3
              
            

Radio

              
          
          Red
          
          Blue
          
          Yellow
              
            

Fieldset

              
          

            
Check these out
            Checkbox 1
            Checkbox 2
            Checkbox 3
          
              
            

Inline Labels and Buttons

              
          

            $
            
            

              
            
          
              
            

File Upload Button

              
          Upload File
          
              
            

Errori

Foundation utilizza il plugin Abide per validare i campi required in html5.

Per utilizzare il plugin è sufficiente inserire gli attributi data-abide e novalidate all'interno del tag form. L'attributo novalidate impedisce di inserire gli stili di default del browser per la validazione, poiché questi vengono inseriti dal plugin.

Maggiori informazioni su Abide

              
          
          

            
            

              
There are some errors in your form.
            
            
              Name
              
              This field is required.
            
          
          
          
          

            
            
            

              
There are some errors in your form.
            
            
            
              Name
              
              
              
              This field is required.