Envato Elements Just added: eBooks from A Book Apart, Smashing Magazine & more! New eBooks A Book Apart, Smashing Magazine & more! Explore eBooks

Solid HTML Form Structure

by Craig Campbell4 Aug 2015

Lessons:9Length:48 minutes

HTML HTML5 Form Design Accessibility

Turn Autoplay Off

Next lesson playing in 5 seconds

Free Preview: Solid HTML Form Structure

Introduction

01:20

Creating forms in HTML is more complicated than just throwing up a few input boxes and a submit button. In this short course, you will learn how to properly structure your forms, including how to make them accessible and perform client-side validation.

1.Introduction
1 lesson, 01:20

Free Lesson

1.1
Introduction
01:20

2.Working With Forms
7 lessons, 46:34

Free Lesson

2.1
The Form Element
04:51

2.2
Text Inputs and Labels
10:16

2.3
Other Input Types
06:05

2.4
Fieldsets and Legends
06:15

2.5
Placeholder Text
03:28

2.6
Autofocus and Tab Index
06:00

2.7
Client Side Validation
09:39

3.Conclusion
1 lesson, 00:34

3.1
Final Thoughts
00:34

Craig

Craig has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.

Elements

Unlimited Downloads
Only $29/month

Get access to over 18,000 creative assets on Envato Elements.

Market

Over 9 Million Digital Assets

Everything you need for your next creative project.

Studio

Hire a Freelancer

Choose from 2,000 professionals ready to do the work for you.

Community

Join the Community

Share ideas. Host meetups. Lead discussions. Collaborate.