Next we need to allow the user to indicate the job type they are searching for
whether it's full time part time contract or a combination of each to do this will be using checkboxes
to create a checkbox let's go ahead and type the following code
again we'll start by entering our label
the checkbox is an input but for type we have to specify checkbox
we need to give this input a name just like all the other inputs we've worked with and we'll call it
F T short for full time
now we'll close the input tag
and we'll just quit full time a text next to the checkbox so the user knows which option they're selecting
and that's all there is to it we just need two more of these because we have three checkboxes so I'll
just copy that entire block of code
or rename this To Piti change the label to part time
and one more
this is s.t. for contract
so that's it for job type.
Next we'll do employment status and employment status.
The inputs are different than job type in that the radio buttons the key difference between checkboxes
and radio buttons is that checkboxes allow you to check off multiple options with the radio button we
only want the user to be able to select one option
so let's go ahead and enter our relabel
which is employment status
and then inside of our column
we'll create an input.
This time the type will specify radio
the name we'll call it E status short for employment status
and the value.
This is the value that will be submitted to our BHP script
then we'll close the input and we'll just put the text employed next to our radio button.
So once again the user does know
which option they're selecting
to copy this block of code to create two other options
unemployed
and student
you'll notice four checkboxes we gave each checkbox a unique name
for radio buttons we give all three radio buttons the same name and this is known as a radio group a
radio button group it makes sure that the user can only select one radio button out of that group.
So now that we have our checkboxes and radio buttons created we can save the file
and preview it in our web browser
so that's what your form should look like.
Up until this point.