Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

LinkedIn Learning

HTML & CSS: Creating Forms

via LinkedIn Learning

Overview

Get a comprehensive guide to creating usable, accessible, and responsive forms with HTML and CSS.

Forms are a major component of modern websites, used to collect user data, conduct polls, and more. While you can use a form builder, they're relatively simple to build from scratch with basic web technologies: HTML and CSS. In this course, Clarissa Peterson demonstrates best practices for creating and styling web forms that are easy to complete and accessible to all users and devices. Learn proper use of form fields, including the new HTML5 input types, and discover how to add interactivity such as form validation, style forms with CSS, create responsive layouts, add interactivity such as form validation, and design forms for usability and accessibility.

Syllabus

Introduction
  • Welcome
  • What you should know
  • Using the exercise files
1. Designing a Form Experience
  • Ask the right questions
  • Explain what you want
  • Create a good flow
  • Data privacy
2. Creating Forms with HTML
  • Basic form structure
  • Text, email, and URL input types
  • Number input type
  • Date and time input types
  • Radio buttons
  • Select
  • Textarea and additional input types
  • Submit and other types of buttons
  • Attributes used in forms
3. Making Forms Interactive
  • Form submission and security
  • Form validation
4. Styling Form Fields with CSS
  • Basic form styles: Text color and size
  • Box sizing for forms
  • Styling text inputs
  • Styling radio buttons and check boxes with images
  • Styling radio buttons and check boxes as buttons
  • Styling select
  • Styling buttons
  • Styling pseudo-classes
5. Form Layout with CSS
  • Small-screen layout for forms
  • Wide-screen layout for forms
  • Form labels
  • Placeholder attribute
Conclusion
  • Next steps

Taught by

Clarissa Peterson

Related Courses

Reviews

Start your review of HTML & CSS: Creating Forms

Never Stop Learning!

Get personalized course recommendations, track subjects and courses with reminders, and more.

Sign up for free