1
00:00:00,780 --> 00:00:05,160
Next we need to allow the user to indicate the job type they are searching for

2
00:00:09,560 --> 00:00:18,810
whether it's full time part time contract or a combination of each to do this will be using checkboxes

3
00:00:22,770 --> 00:00:26,940
to create a checkbox let's go ahead and type the following code

4
00:00:36,370 --> 00:00:40,330
again we'll start by entering our label

5
00:00:56,780 --> 00:01:02,120
the checkbox is an input but for type we have to specify checkbox

6
00:01:05,270 --> 00:01:11,870
we need to give this input a name just like all the other inputs we've worked with and we'll call it

7
00:01:11,900 --> 00:01:14,780
F T short for full time

8
00:01:17,570 --> 00:01:20,700
now we'll close the input tag

9
00:01:29,430 --> 00:01:38,250
and we'll just quit full time a text next to the checkbox so the user knows which option they're selecting

10
00:01:43,990 --> 00:01:49,580
and that's all there is to it we just need two more of these because we have three checkboxes so I'll

11
00:01:49,580 --> 00:01:51,440
just copy that entire block of code

12
00:02:00,580 --> 00:02:06,160
or rename this To Piti change the label to part time

13
00:02:09,750 --> 00:02:10,350
and one more

14
00:02:13,540 --> 00:02:15,340
this is s.t. for contract

15
00:02:25,870 --> 00:02:30,160
so that's it for job type.

16
00:02:30,540 --> 00:02:35,030
Next we'll do employment status and employment status.

17
00:02:35,060 --> 00:02:42,850
The inputs are different than job type in that the radio buttons the key difference between checkboxes

18
00:02:42,940 --> 00:02:51,500
and radio buttons is that checkboxes allow you to check off multiple options with the radio button we

19
00:02:51,500 --> 00:02:54,230
only want the user to be able to select one option

20
00:03:02,390 --> 00:03:04,130
so let's go ahead and enter our relabel

21
00:03:07,260 --> 00:03:08,640
which is employment status

22
00:03:14,280 --> 00:03:15,670
and then inside of our column

23
00:03:21,720 --> 00:03:22,730
we'll create an input.

24
00:03:22,740 --> 00:03:24,870
This time the type will specify radio

25
00:03:30,110 --> 00:03:34,730
the name we'll call it E status short for employment status

26
00:03:38,190 --> 00:03:41,800
and the value.

27
00:03:41,910 --> 00:03:45,570
This is the value that will be submitted to our BHP script

28
00:03:54,650 --> 00:04:02,510
then we'll close the input and we'll just put the text employed next to our radio button.

29
00:04:02,510 --> 00:04:04,040
So once again the user does know

30
00:04:06,660 --> 00:04:08,010
which option they're selecting

31
00:04:13,190 --> 00:04:17,670
to copy this block of code to create two other options

32
00:04:20,160 --> 00:04:20,760
unemployed

33
00:04:36,670 --> 00:04:37,160
and student

34
00:04:45,540 --> 00:04:49,050
you'll notice four checkboxes we gave each checkbox a unique name

35
00:04:51,980 --> 00:05:01,350
for radio buttons we give all three radio buttons the same name and this is known as a radio group a

36
00:05:01,350 --> 00:05:14,940
radio button group it makes sure that the user can only select one radio button out of that group.

37
00:05:15,060 --> 00:05:20,760
So now that we have our checkboxes and radio buttons created we can save the file

38
00:05:23,910 --> 00:05:25,280
and preview it in our web browser

39
00:05:30,380 --> 00:05:32,940
so that's what your form should look like.

40
00:05:33,020 --> 00:05:33,980
Up until this point.