Stay organized with collections
     
    
      
      Save and categorize content based on your preferences.
     
   
    
   
  
    
  
  
    
  
  
  
    
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Welcome to Learn Forms!
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  A course about HTML forms to help you improve your web developer expertise.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Use forms to get data from users
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn the basics of using a form on the web with this introduction to the form element.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Help users enter data in forms
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  An overview of the various form elements you can choose from to build your form.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Help users avoid re-entering data in forms
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Make it more convenient for users to fill out forms.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Help users enter the right data in forms
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn how to validate your forms on the frontend.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Test your forms
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn how to test and analyze your forms.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Design basics
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn how to build user-friendly forms.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Accessibility
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  How to build inclusive forms.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Internationalization and localization
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Be prepared for international data formats, and learn how to plan your form for localization.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Security and privacy
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn how to make your forms secure and keep your users' data private.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Autofill
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn all about autofill and the autocomplete attribute.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    How to test forms for usability
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Discover how to do usability testing and ensure your form works well for all your users.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Test forms across devices and platforms
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Ensure your form works with different devices, browsers, platforms, and different contexts.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Gathering data
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn how to measure and analyze your form.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    The form element in depth
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn all about the form element, when you should use a form, and how a form works in detail.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Form fields in depth
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn about the different form fields you can use, and how to choose the right form element.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Form attributes in depth
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn all about form attributes, how to modify the layout of on-screen keyboards, activate built-in validation, and more.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Styling forms
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Style forms using CSS, while ensuring they remain usable and readable for everyone.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Styling form controls
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Learn how to implement form controls with CSS.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    JavaScript
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Find out how to use JavaScript to enhance your forms.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Identity
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Find out how to set up your forms using best practices for user authentication.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Payment forms
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Improve conversion rates by building better payment forms.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Address forms
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Help users fill out address forms quickly and easily.
                
                
               
              
            
           
         
      
        
          
            
              
                
                  check_circle 
                  
                
                  
                    Conclusion and next steps
                   
                
                
                  
                    
                    keyboard_arrow_down 
                    
                    keyboard_arrow_up 
                   
                
               
              
                
                
                
                  subject 
                  
                  Article
                
                
                
                
                
              
              
                
                
                  Further resources to help you take your next steps.
                
                
               
              
            
           
         
      
       
   
  
 
  
  
 
  
    
    
    
  
  
 
 
  
  
  
    
      [[["Easy to understand","easyToUnderstand","thumb-up"],["Solved my problem","solvedMyProblem","thumb-up"],["Other","otherUp","thumb-up"]],[["Missing the information I need","missingTheInformationINeed","thumb-down"],["Too complicated / too many steps","tooComplicatedTooManySteps","thumb-down"],["Out of date","outOfDate","thumb-down"],["Samples / code issue","samplesCodeIssue","thumb-down"],["Other","otherDown","thumb-down"]],[],[],[]]