1
00:00:05,190 --> 00:00:14,240
In this lesson, we are going to view an additional element of our for this new element is called select,

2
00:00:14,250 --> 00:00:23,550
and it represents dropdown lists from various options which can be added to the already present elements

3
00:00:23,550 --> 00:00:25,450
previously added to the four.

4
00:00:26,280 --> 00:00:28,730
Let's add an additional label.

5
00:00:29,280 --> 00:00:38,610
We are going to call list to which we associate the name dropdown because this is a dropdown list.

6
00:00:40,240 --> 00:00:49,090
Let's do it a B are naturally after our label and let's insert select.

7
00:00:50,200 --> 00:01:00,160
And within Solek, let's include the name list and let's then digit all the various options, enabling

8
00:01:00,160 --> 00:01:04,960
us to pick one of them to submit at the end of the forum.

9
00:01:06,030 --> 00:01:15,210
So let's choose option, let's give a value which will be displayed once the form gets submitted.

10
00:01:16,350 --> 00:01:28,950
And we'll call it Art One, that is option one, let's copy and insert two more options, which we will

11
00:01:28,950 --> 00:01:32,220
call two and three.

12
00:01:34,770 --> 00:01:44,340
Once done with this, we can save and refresh our preview, let's open Chrome and we can see that also

13
00:01:44,340 --> 00:01:52,830
the drop down menu has been added to our form, along with our three options, allowing us to choose

14
00:01:52,830 --> 00:01:58,710
one of these to live as active in the form to then submit.

15
00:01:59,040 --> 00:02:06,430
Once it is filled in, let's input A, B, R, so to align correctly all the contents.

16
00:02:06,630 --> 00:02:12,820
And finally, let's see how it is possible to add a multiple choice selection.

17
00:02:13,110 --> 00:02:15,120
Now to our select.

18
00:02:15,270 --> 00:02:22,980
Therefore, in addition to the choice of one single option, other options can be added with the help

19
00:02:23,010 --> 00:02:24,890
of the control button.

20
00:02:24,900 --> 00:02:34,920
If you use windows or command, if you use Mac, let's see how that stageit the word multiple at the

21
00:02:34,920 --> 00:02:37,350
end of the select tag.

22
00:02:37,920 --> 00:02:47,250
Let's save refresh and we can see that our form has transformed the single drop down menu into an expanded

23
00:02:47,250 --> 00:02:47,790
menu.

24
00:02:47,970 --> 00:02:56,880
With the three options by left clicking, we can choose one but two holding down also control or command.

25
00:02:57,150 --> 00:03:05,670
We might actually flag two or three and we might also delete just one, leaving the others highlighted.

26
00:03:06,030 --> 00:03:14,130
To recap, we have seen how we can insert a selection menu made out of a list of elements to accompany

27
00:03:14,130 --> 00:03:21,780
all the other four elements, adding a pre defined list you assess since you are creating this list.

28
00:03:23,060 --> 00:03:29,000
To submit then to the user who will submit it along with your form.