navigate site menu

Start learning with our library of video tutorials taught by experts. Get started

CSS: Styling Forms
Mark Todd

CSS: Styling Forms

with Ray Villalobos

 


This course covers CSS best practices and techniques for styling and structuring forms. Author Ray Villalobos explains how forms work, best practices for structuring HTML, new additions to forms in HTML5, and how to style individual elements. The course discusses how to use CSS to style traditional and custom elements and reviews browser discrepancies, custom elements, and custom fonts and how to style for different types of user feedback. Advanced CSS layouts and design patterns and issues specific to styling for handhelds are also covered.
Topics include:
  • Creating forms with the <form> element
  • Adding labels and basic usability features
  • Navigating elements between browsers
  • Styling the background
  • Creating input and button fields
  • Working with select fields
  • Floating and positioning grouped elements
  • Using HTML5 input types
  • Resizing elements and adjusting the view for mobile devices
  • Adding jQuery navigation
  • Designing validation feedback

show more

author
Ray Villalobos
subject
Web, Forms, Web Design
software
CSS
level
Beginner
duration
4h 1m
released
Jan 20, 2012

Share this course

Ready to join? get started


Keep up with news, tips, and latest courses.

submit Course details submit clicked more info

Please wait...
Ray Villalobos

Ray Villalobos

Ray Villalobos is a full-time author and teacher at lynda.com. He is also a speaker and author of the book, Exploring Multimedia for Designers. He has more than 20 years experience in developing and programming multimedia projects. Previously at Entravision Communications, he designed and developed a network of radio station and TV web sites. As a senior producer for Tribune Interactive, he was responsible for designing orlandosentinel.com and for creating immersive multimedia projects and Flash games for the site. You can follow Ray @planetoftheweb on Twitter or visit his web site at planetoftheweb.com.
Course Title   Level   Duration   Released  
iOS 4 Web Applications with HTML5 and CSS3 Intermediate 3h 26m 01/2011  {8}
Creating an Adaptive Web Site for Multiple Screens Intermediate 3h 9m 10/2011  {8}
CSS: Styling Forms Beginner 4h 1m 01/2012  {8}
Building Facebook Applications with HTML and JavaScript Intermediate 3h 0m 06/2012  {8}
View Source Intermediate 2h 10m 05/2012  {8}
Managing a Hosted Web Site Beginner 1h 41m 03/2012  {8}
Fireworks CS6 New Features Intermediate 1h 0m 04/2012  {8}
Fireworks CS6 Essential Training Beginner 5h 22m 05/2012  {8}
Edge First Look Preview 6 Beginner 1h 56m 06/2012  {8}
jQuery Mobile Web Applications Intermediate 3h 13m 07/2012  {8}
Building Facebook Applications with PHP and MySQL Intermediate 1h 45m 01/2013  {8}
EaselJS First Look Beginner 1h 28m 09/2012  {8}
JavaScript and AJAX Intermediate 1h 12m 01/2013  {8}
JavaScript and JSON Intermediate 1h 12m 03/2013  {8}
Validating and Processing Forms with JavaScript and PHP Intermediate 2h 51m 04/2013  {8}
JavaScript: Enhancing the DOM Intermediate 2h 3m 06/2013  {8}
Coding Faster with Emmet Intermediate 53m 12s 07/2013  {8}

Suggested courses to watch next:

CSS Fundamentals (3h 14m)
James Williamson

CSS: Core Concepts (8h 49m)
James Williamson


CSS3 First Look (6h 34m)
James Williamson

Managing CSS in Dreamweaver (4h 40m)
James Williamson


Are you sure you want to delete this bookmark?

cancel

Bookmark this Tutorial

Name

Description

{0} characters left

Tags

Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading
cancel

bookmark this course

{0} characters left Separate tags with a space. Use quotes around multi-word tags. Suggested Tags:
loading

Error:

go to playlists »

Create new playlist

name:
description:
save cancel

You must be a lynda.com member to watch this video.

Every course in the lynda.com library contains free videos that let you assess the quality of our tutorials before you subscribe—just click on the blue links to watch them. Become a member to access all 104,141 instructional videos.

get started learn more

If you are already an active lynda.com member, please log in to access the lynda.com library.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Get access to all lynda.com videos

You are currently signed into your admin account, which doesn't let you view lynda.com videos. For full access to the lynda.com library, log in through iplogin.lynda.com, or sign in through your organization's portal. You may also request a user account by calling 1 1 (888) 335-9632 or emailing us at cs@lynda.com.

Access to lynda.com videos

Your organization has a limited access membership to the lynda.com library that allows access to only a specific, limited selection of courses.

You don't have access to this video.

You're logged in as an account administrator, but your membership is not active.

Contact a Training Solutions Advisor at 1 (888) 335-9632.

How to access this video.

If this course is one of your five classes, then your class currently isn't in session.

If you want to watch this video and it is not part of your class, upgrade your membership for unlimited access to the full library of 2,025 courses anytime, anywhere.

learn more upgrade

You can always watch the free content included in every course.

Questions? Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com.

You don't have access to this video.

You're logged in as an account administrator, but your membership is no longer active. You can still access reports and account information.

To reactivate your account, contact a Training Solutions Advisor at 1 1 (888) 335-9632.

Need help accessing this video?

You can't access this video from your master administrator account.

Call Customer Service at 1 1 (888) 335-9632 or email cs@lynda.com for help accessing this video.

preview image of new course page

Try our new course pages

Explore our redesigned course pages, and tell us about your experience.

If you want to switch back to the old view, change your site preferences from the my account menu.

Try the new pages No, thanks

site feedback

Thanks for signing up.

We’ll send you a confirmation email shortly.


By signing up, you’ll receive about four emails per month, including

We’ll only use your email address to send you these mailings.

Here’s our privacy policy with more details about how we handle your information.

Keep up with news, tips, and latest courses with emails from lynda.com.

By signing up, you’ll receive about four emails per month, including

We’ll only use your email address to send you these mailings.

Here’s our privacy policy with more details about how we handle your information.

   
submit Lightbox submit clicked