1
00:00:00,690 --> 00:00:08,110
With our form created we can now start inserting our input fields let's start by entering our form heading

2
00:00:08,170 --> 00:00:11,620
followed by our form labels for the two input fields

3
00:00:18,830 --> 00:00:24,530
in the first row and first call them will enter employment application

4
00:00:30,110 --> 00:00:37,030
in the second row in first column will enter the label for the first input field first name

5
00:00:45,870 --> 00:00:50,960
and in the third row of the first column.

6
00:00:50,990 --> 00:00:51,470
Lastly

7
00:00:57,180 --> 00:01:04,490
with the labels entered we can now start putting in our fields the first name field will require a basic

8
00:01:04,490 --> 00:01:10,950
text input field the HMO code for an input field is as follows.

9
00:01:23,290 --> 00:01:24,940
It does require a closing tag

10
00:01:28,770 --> 00:01:33,620
the input field also allows different attributes.

11
00:01:33,640 --> 00:01:35,710
First we need to assign a name.

12
00:01:35,710 --> 00:01:41,200
This will be important later in the course when we make this script functional and transmit the data

13
00:01:41,530 --> 00:01:42,910
to our BHP script

14
00:01:47,380 --> 00:01:53,270
your name should correspond to the field label.

15
00:01:53,570 --> 00:01:58,310
So we'll just abbreviate first name and we'll call it F name.

16
00:01:58,340 --> 00:02:06,050
Try to avoid capital letters special characters in the name because that will cause complications later

17
00:02:06,050 --> 00:02:12,860
on when we attach this form to our p HP script and retrieve the data from these form fields.

18
00:02:12,950 --> 00:02:17,400
So just keep the names lowercase and as simple as possible.

19
00:02:17,500 --> 00:02:24,700
Next we can assign a max length attribute to make sure the user cannot type in more than a certain amount

20
00:02:24,700 --> 00:02:26,160
of characters.

21
00:02:26,200 --> 00:02:30,670
So for example say most first names wouldn't exceed 50 characters

22
00:02:40,730 --> 00:02:45,620
so that's how we would prevent more than 50 characters from being typed into the input field.

23
00:02:54,190 --> 00:02:56,150
And that's it for the first text input.

24
00:02:56,150 --> 00:03:01,470
Now let's copy this block of code and paste it

25
00:03:05,710 --> 00:03:07,030
and paste it into this column

26
00:03:10,640 --> 00:03:18,860
for the last name so we'll change the name to l name and that's it.

27
00:03:18,880 --> 00:03:26,410
Let's go ahead and save the file and make sure that our first two form fields are our visible

28
00:03:31,360 --> 00:03:34,600
so that's what that should look like up to this point.

29
00:03:34,690 --> 00:03:38,730
We have the form labels first name and last name.

30
00:03:38,950 --> 00:03:45,610
We have the title of the form employment application and we have our first two text input fields.