1
00:00:02,050 --> 00:00:04,200
We are making good progress,

2
00:00:04,200 --> 00:00:06,873
and we are already able to build a lot

3
00:00:06,873 --> 00:00:10,050
of different kinds of websites,

4
00:00:10,050 --> 00:00:13,010
as we already did it throughout this course.

5
00:00:13,010 --> 00:00:16,690
But one extremely important feature

6
00:00:16,690 --> 00:00:20,400
or set of knowledge is missing.

7
00:00:20,400 --> 00:00:24,270
We're not able to build forms for our websites,

8
00:00:24,270 --> 00:00:25,670
and therefore that's what

9
00:00:25,670 --> 00:00:28,440
this course section will be about.

10
00:00:28,440 --> 00:00:31,560
Because chances are that whatever kind

11
00:00:31,560 --> 00:00:33,300
of website you're building,

12
00:00:33,300 --> 00:00:38,020
If it's your personal blog, if it's your portfolio page,

13
00:00:38,020 --> 00:00:39,970
or if it's an online shop,

14
00:00:39,970 --> 00:00:42,630
you will need some areas

15
00:00:42,630 --> 00:00:43,954
on that website

16
00:00:43,954 --> 00:00:46,640
where users can enter data.

17
00:00:46,640 --> 00:00:49,730
That could be a comments section on a blog,

18
00:00:49,730 --> 00:00:52,360
that could be the contact me form

19
00:00:52,360 --> 00:00:55,150
on your personal portfolio page.

20
00:00:55,150 --> 00:00:59,210
Or of course, that could also be the checkout page

21
00:00:59,210 --> 00:01:01,050
in an online shop.

22
00:01:01,050 --> 00:01:06,050
So most websites need forms as this feature is called.

23
00:01:06,300 --> 00:01:09,970
They need input fields where users can enter data

24
00:01:09,970 --> 00:01:12,240
and therefore that is what we'll focus on

25
00:01:12,240 --> 00:01:14,410
in this course section.

26
00:01:14,410 --> 00:01:17,620
Now we're going to start with the what and why,

27
00:01:17,620 --> 00:01:21,510
even though I already briefly explained the what,

28
00:01:21,510 --> 00:01:25,140
but I'll still give you an overview of which kinds of forms

29
00:01:25,140 --> 00:01:26,630
you could be building.

30
00:01:26,630 --> 00:01:28,500
But then most importantly,

31
00:01:28,500 --> 00:01:32,850
we're going to dive into the different HTML elements

32
00:01:32,850 --> 00:01:36,180
that help us with fetching user input,

33
00:01:36,180 --> 00:01:39,150
because it turns out that there is not just

34
00:01:39,150 --> 00:01:43,180
a single input for getting some texts the user enters,

35
00:01:43,180 --> 00:01:47,550
but that there are different inputs for getting plain text,

36
00:01:47,550 --> 00:01:49,430
for getting an email address,

37
00:01:49,430 --> 00:01:52,010
for showing a dropdown field,

38
00:01:52,010 --> 00:01:53,290
and so on.

39
00:01:53,290 --> 00:01:56,490
And we're going to explore all those different elements

40
00:01:56,490 --> 00:02:00,280
and how to use them in this course section.

41
00:02:00,280 --> 00:02:01,540
And of course,

42
00:02:01,540 --> 00:02:05,480
we're also going to see all of that at an example.

43
00:02:05,480 --> 00:02:09,250
So not just theory, not just slides,

44
00:02:09,250 --> 00:02:10,958
but a concrete example,

45
00:02:10,958 --> 00:02:12,893
therefore let's get started.