1
00:00:01,370 --> 00:00:09,290
Hello, in this video, I am going to show you how to implement deselect form control, so the select

2
00:00:09,290 --> 00:00:10,850
phone control is this.

3
00:00:11,270 --> 00:00:15,380
It's a dropdown they call select in the form.

4
00:00:15,500 --> 00:00:19,940
But if you're using the outside, for example, the concept will be called a dropdown.

5
00:00:19,970 --> 00:00:27,350
So essentially a dropdown is selected, allows you to select an item, got basic form already here.

6
00:00:27,560 --> 00:00:31,910
If you haven't watched the form control video, I highly recommend that you check that out.

7
00:00:32,250 --> 00:00:37,400
OK, so to implement a select it, it is super simple.

8
00:00:37,820 --> 00:00:43,340
So first of all, we're going to have we're going to have one of these just so it's better reformatting

9
00:00:43,340 --> 00:00:45,740
if we were to add another

10
00:00:49,190 --> 00:00:58,880
component below and we're going to pull a select tag and this is going to have a class of four that

11
00:00:59,030 --> 00:01:04,970
select area does label and I'm going to put superheroic select.

12
00:01:05,210 --> 00:01:08,630
So this is going to allow us to select our favorite superhero.

13
00:01:08,960 --> 00:01:17,180
And inside of here, we you always want generally speaking, you always want an option that's selected

14
00:01:17,540 --> 00:01:19,220
and yeah, you always want that.

15
00:01:19,310 --> 00:01:24,680
And also should always have the first option, something like choose a superhero.

16
00:01:24,710 --> 00:01:31,610
So it's basically informing the user what they need to do with this checkbox, you know, and thus it

17
00:01:32,180 --> 00:01:35,390
conveys what the actual purpose of the checkboxes.

18
00:01:36,020 --> 00:01:38,340
And then you would actually put all your options.

19
00:01:38,340 --> 00:01:44,240
So option and you put a value just provided like one.

20
00:01:44,510 --> 00:01:48,080
And this will correspond to what we are shooting.

21
00:01:48,090 --> 00:01:55,820
So if we want to submit this form, our bottom, for example, in JavaScript, you could check for this

22
00:01:56,390 --> 00:02:02,910
form, you can put an ID, get the, you know, option that's been selected, get the value.

23
00:02:02,940 --> 00:02:06,980
Maybe one corresponds with Batman, for example.

24
00:02:07,660 --> 00:02:11,410
Let me just take this total free option.

25
00:02:11,420 --> 00:02:17,480
But you can have as many of you want this, let's say, to correspond, correspond with Superman and

26
00:02:17,480 --> 00:02:19,690
the three corresponds with Yoda.

27
00:02:19,700 --> 00:02:25,040
So this is just for our almost like our checks, not for the user.

28
00:02:25,040 --> 00:02:26,330
They all see.

29
00:02:26,330 --> 00:02:31,940
Is this like so and as you see, it is fully responsive as well.

30
00:02:31,940 --> 00:02:32,580
So that's it.

31
00:02:32,650 --> 00:02:36,350
That is how you implement to select the few more features like.

32
00:02:36,350 --> 00:02:40,970
So using that you can mess around with a highly recommend that you do.

33
00:02:40,970 --> 00:02:46,010
There will be a link to this in the description, this particular page on the bootstrap website.

34
00:02:46,310 --> 00:02:49,250
If you have any questions, feel free to put me a message.

35
00:02:49,280 --> 00:02:53,120
And as usual, I look forward to seeing you in the next video.