1 00:00:00,700 --> 00:00:06,160 For the position we need to allow the user to select from a menu of different options 2 00:00:10,410 --> 00:00:20,540 as you can see here the drop down menu has four options that the user can select from accountant receptionist 3 00:00:20,960 --> 00:00:23,180 administrator and supervisor 4 00:00:28,240 --> 00:00:38,570 let's start with entering our input label. 5 00:00:38,590 --> 00:00:49,440 This is in the third row first column and in the third row second column we can create our select field 6 00:00:50,010 --> 00:00:52,350 and to do that we'll be using the select tags 7 00:01:06,710 --> 00:01:18,600 just do a bit of formatting. 8 00:01:18,910 --> 00:01:24,000 We need to give our select tags a name just like we did for the input fields. 9 00:01:24,010 --> 00:01:25,540 This attribute is important 10 00:01:29,160 --> 00:01:36,490 we'll call it position. 11 00:01:36,530 --> 00:01:46,480 Now we can create our select menu options each option should be contained within an option tag so let's 12 00:01:46,480 --> 00:01:50,680 go ahead and create four options. 13 00:01:50,680 --> 00:01:51,850 Just the tags for now 14 00:02:00,030 --> 00:02:02,400 I'll just copy and paste that three more times 15 00:02:05,380 --> 00:02:13,760 now with their option tags created let's enter the option that the user will see in the drop down menu. 16 00:02:34,660 --> 00:02:42,620 The option tag also requires a value attribute this attribute identifies the value that will be attached 17 00:02:42,680 --> 00:02:44,040 to each option. 18 00:02:45,180 --> 00:02:52,140 Let's say for example that the users inputs will be stored into a database that only allows two characters 19 00:02:52,950 --> 00:03:00,630 to identify which option the user selected in this case the user will see the option headings in full 20 00:03:01,810 --> 00:03:08,820 accountant receptionist administrator and supervisor but the values that get passed onto the HP script 21 00:03:09,840 --> 00:03:20,080 will only be the first two letters of each option so to set the value attribute. 22 00:03:20,160 --> 00:03:28,610 We just type in value equals and because the database can only store two characters we'll use the first 23 00:03:28,610 --> 00:03:32,160 two characters of each option 24 00:03:41,880 --> 00:03:49,810 and that completes the first select menu we'll create the second one in the same way 25 00:03:55,040 --> 00:03:58,980 so years are our next table roll. 26 00:03:59,270 --> 00:04:05,050 Insert the field label is which is experience level 27 00:04:08,260 --> 00:04:13,330 and we'll copy this select menu and paste it into this column 28 00:04:27,670 --> 00:04:33,970 we'll call this experience and we'll just change the options 29 00:04:46,400 --> 00:04:49,840 and it looks like we don't need the fourth option so I'll just go ahead and delete that 30 00:04:54,130 --> 00:04:59,380 and we'll also change the values that get submitted to our HP script entry level 31 00:05:07,420 --> 00:05:10,440 and very experienced. 32 00:05:10,520 --> 00:05:14,630 Let's go ahead and save our file and previewed in our web browser 33 00:05:18,970 --> 00:05:22,800 so that's what we have so far there. 34 00:05:22,800 --> 00:05:27,010 There is the first select menu we created and here's the second.