Hello, in this video, I am going to show you input groups, so what I'll do is I'll provide a link
to the input group API Guide paid from Bidstrup.
We can see all of the different variants that you can do, and I'm sure you can probably make some extra
rope as well.
And you know all of the different features of it.
I will show you a basic one and that will give you a rough idea of what it is.
OK, so we have these all of these are some form of input and you see this input here, regular input
it.
Texas will say TextField, you see the text area, multiline stuff.
But what we can do is it's best for to show you can it is pretty darn cool what you can achieve.
So we're going to have a div and this is going to have a class of input group and B dash right in here.
We're going to first of all, have an input and this is going to have a type of text and then class
is going to be for dust control and another placeholder of recipient's username.
All of this will make sense shortly.
And going to have an area that's Laboe equal.
We see RPM's username.
And I'm going to say ARIAD described by and if we're going to say in group one, will we use this as
the head of the spine, which we are literally creating right now if you don't have a class of input
text.
And then I have an idea this is going to be this, and in here I'm so epic and epic Web sites, dot
com and my thinking, what would happen produce it produces this.
So imagine if you are, you know, have some sort of registration form and you are essentially creating
an email address on your website.
You could do something like this.
You know, it's going to be at your website.
Name is dot com.
Wherever in this case, in this example is an epic website, dot com, and you could do something like
a home.
And so that would correspond to being for John Atwood epic website dot com.
You would obviously have to code this in JavaScript, then pass that into your backend technology like
Python point into the front end.
This is what you would do.
If you look at the other groups, there are other examples of an ATM for something like a username,
something to do with currency, for example, which is pretty cool.
You can do stuff with your rapini as well.
Know you can sort of feel free to check that out.
There's check boxes and radio buttons.
Well, the multiple inputs, which is pretty darn cool and multiple add ons are often the first and
last name.
So that way you can input separately because a lot of websites do want it separately.
It's just easier to manipulate the data domain in a malicious way.
But just in general, you know, for searching, for example.
But you might want to show it so you can see what it looks like because you generally would have it
next to each other and you can have multiple add ons as well as pretty simple, pretty self-explanatory.
So feel free to experiment, create your own custom stuff.
If you have any questions or you get stuck, let me know there will be a link to this.
And you know, my disco page on my website and feel free to check that out.
And as usual, I look forward to seeing you in the next video.