1
00:00:00,750 --> 00:00:02,110
Hello and welcome.

2
00:00:02,130 --> 00:00:11,970
In this lecture I will be walking you through how to create a form with a drop down list options.

3
00:00:12,030 --> 00:00:19,000
Sometimes you may have forms that you want users to make his selection from.

4
00:00:19,650 --> 00:00:24,410
So I've got my sample page here and I've got a form here with some selection.

5
00:00:24,550 --> 00:00:28,700
If I click on to drop down different solutions.

6
00:00:28,980 --> 00:00:38,580
So how this works to create a form so to create a drop down list ifone with a drug list you begin with

7
00:00:38,580 --> 00:00:48,750
a form tag to indicate you are creating a form and then you have the action attribute which specifies

8
00:00:48,750 --> 00:00:52,350
what action to take when the form is submitted.

9
00:00:52,410 --> 00:00:59,520
Usually this will have a back end server value because when you submit the form usually there is a back

10
00:00:59,580 --> 00:01:06,750
end server process that processes the data one because we are not using the server we are submitting

11
00:01:06,750 --> 00:01:08,620
the form to itself.

12
00:01:08,820 --> 00:01:17,250
As got the hash tag there the we're using to do this this post so would be hastier no fire option to

13
00:01:17,550 --> 00:01:22,860
create a selection Espy's select tags so you use this select act.

14
00:01:23,140 --> 00:01:31,890
And in the name tag have specified in name attribute which is the name I want to call the form selection

15
00:01:32,200 --> 00:01:37,020
I'll have named it fruits and then I've got various options.

16
00:01:37,020 --> 00:01:42,670
The option elements define the options you want to select.

17
00:01:42,930 --> 00:01:46,310
The list will normally show the first item.

18
00:01:46,320 --> 00:01:50,350
Select test and then you can add several more.

19
00:01:50,580 --> 00:01:54,700
So if you look at the drug plan list of virus for the first one is up also.

20
00:01:54,720 --> 00:01:56,760
We will sure by default.

21
00:01:56,760 --> 00:01:58,350
And then you've got oranges.

22
00:01:58,370 --> 00:02:04,430
I said before and it goes to orange Yes I can sell it Manglers drug plan uncle mangas.

23
00:02:04,710 --> 00:02:10,400
So you use the option to change between the selections.

24
00:02:10,410 --> 00:02:12,230
So this is what's responsible.

25
00:02:12,250 --> 00:02:14,840
He defined the option to select.

26
00:02:14,880 --> 00:02:17,960
That's what this option tag is for.

27
00:02:18,340 --> 00:02:28,190
Then he quote The brake tag on it does he create a space between that and that that's all it does under.

28
00:02:28,240 --> 00:02:34,360
We've got the input tag again this input type with a value of Submit.

29
00:02:34,470 --> 00:02:43,560
What that means is that the form will submit whatever date is selected it will submit it to itself because

30
00:02:43,560 --> 00:02:51,400
our specified action here because some not submitted to it back end so it was some bit it took itself.

31
00:02:51,600 --> 00:02:59,800
So this is how you would create a form with a drop down list in this chart.

32
00:02:59,820 --> 00:03:05,970
I want you to how to create a form with a drop down list.

33
00:03:06,130 --> 00:03:16,770
Use in these select tack the option tag which lets you define the options to select.

34
00:03:17,130 --> 00:03:19,290
Thank you so much for watching.

35
00:03:19,290 --> 00:03:20,140
Bye for now.