Video icon 64
Want to be a web designer? Skill up fast with video courses from Tuts+. Start your free trial.

Web Form Design and Development

with
Web forms are not only an important part of the web, but also an important part of the User Experience and if not done correctly, they can be confusing and very ugly. In this course, Adi will show you how it’s done!
1× speed

Free Preview: Web Form Design and Development

Welcome

02:14

1.Introduction
1 lesson, 02:14

Free Preview
1.1
Welcome
02:14

2.The Form Basics
6 lessons, 1:07:01

Free Preview
2.1
Form Elements Overview - Part 1
17:37

2.2
Form Elements Overview - Part 2
10:01

2.3
Commonly Used Form Attributes
16:01

2.4
New Form Attributes in HTML5
06:42

2.5
New Input Types in HTML5
10:21

2.6
Where and How Are Forms Used?
06:19

3.Form Validation
5 lessons, 50:22

3.1
Client-Side Validation
17:47

3.2
Server-Side Validation (the Classic Method)
13:30

3.3
Server-Side Validation (the Ajax Method)
09:47

3.4
What to Validate?
03:32

3.5
Best Validation Practices
05:46

4.Forms And CSS
2 lessons, 22:45

4.1
Overview on Form Styling
07:42

4.2
Custom Form Styling
15:03

5.Web Forms Best Practices
3 lessons, 20:57

5.1
Forms and Usability
11:09

5.2
Introducing the Datalist Element
04:05

5.3
Forms and Accessibility
05:43


Preview for Web Form Design and Development
Lessons:
17
Length:
2.7 hours
Photoshop, HTML, CSS? Yep, that's what I do best. Mix that with lots of head nodding from trance music and you've got me in a nutshell.
+ Expand Bio- Collapse Bio