With our form created we can now start inserting our input fields let's start by entering our form heading
followed by our form labels for the two input fields
in the first row and first call them will enter employment application
in the second row in first column will enter the label for the first input field first name
and in the third row of the first column.
Lastly
with the labels entered we can now start putting in our fields the first name field will require a basic
text input field the HMO code for an input field is as follows.
It does require a closing tag
the input field also allows different attributes.
First we need to assign a name.
This will be important later in the course when we make this script functional and transmit the data
to our BHP script
your name should correspond to the field label.
So we'll just abbreviate first name and we'll call it F name.
Try to avoid capital letters special characters in the name because that will cause complications later
on when we attach this form to our p HP script and retrieve the data from these form fields.
So just keep the names lowercase and as simple as possible.
Next we can assign a max length attribute to make sure the user cannot type in more than a certain amount
of characters.
So for example say most first names wouldn't exceed 50 characters
so that's how we would prevent more than 50 characters from being typed into the input field.
And that's it for the first text input.
Now let's copy this block of code and paste it
and paste it into this column
for the last name so we'll change the name to l name and that's it.
Let's go ahead and save the file and make sure that our first two form fields are our visible
so that's what that should look like up to this point.
We have the form labels first name and last name.
We have the title of the form employment application and we have our first two text input fields.