Bummer! This is just a preview. You need to be signed in with a Basic account to view the entire video.
Adding a Select Menu1:51 with Guil Hernandez
The registration form needs to let users select their job role from a menu. In this video, we'll use
.form-control to display a <select> menu.
Select menu snippet
The registration form also needs to let users select their job role from a menu.
So back in my form.
I'll create a new div with the class"form-group".
Inside the div, I'll add a label for Job Role.
Then right below, add a set of select tags to display a select menu.
I'll give the select the class form-control, And the ID role.
Instead of typing all the select options,
I'll paste five options inside the select element.
And you can copy this HTML code from the teacher's notes of this video.
Since this section of the form collects a users basic information,
let's create a heading for it.
So just below the opening form tag, I'll add an h5.
And I'll apply 1.5 RAM of bottom margin by
giving up the class mb-4, and set the text to basic info.
All right, so
far we have a neatly structured and visually pleasing form design.
Coming up in the next video,
you'll learn how to use Bootstrap's custom form control styles.
And to learn more about building HTML forms, check out the resources and
related courses I've posted in the teacher's notes.
You need to sign up for Treehouse in order to download course files.Sign up