So today we are going to work with the farms.
So this is a.
If you have any doubt regarding the architecture structure of Guanglie, you can refer to the shackles
as well.
So first thing alone, let's get started with this.
So forms are made to for the user input.
So forms that you can make according to your demand and requirement to do will create a form and then,
well, we'll use forms and then we are going to do we are going to integrate the front end part of our
form.
Will we create a response to form and then will integrate the back and part of our logic with the front
end part.
So we are going to get how we see how we can integrate Fallston.
Then we'll see how do we can submit forms using the one with the request method and one with the method.
Then we will figure out the difference, what the difference between the two.
So let's get started with this.
So today.
So this is my project.
So first I will run my server, so I'll type Python, manage to run server and I will move to my localhost
style.
Refresh this page so the server will get started so you can see the server has started.
So what we are going to do today.
So what we are going to do first site create a part.
The other part, but.
I quit my phone.
OK, and I'll great.
A view with the name, you start my phone and I'll give this your name, is it to my phone as well?
Look at that.
It looks pretty fine.
So also we create a form, and so I'll move to reduce your profile.
OK, so here's my file.
So what I'm going to do.
So what I'm going to do and I'll define a view and find my phone and I'll take a request as a barometer.
And I'll render an estimated page on what I'm going to do, I'm going to type written.
OK, return, render, request.
And I'll make an estimate, pitch my phone.
Don't estimate.
So this was prettifying, so what I need to do, so I need to define my home, not inside my template
page.
OK, I'll move to my template so I create a new file.
My phone dot Edmond, so this looks pretty fine, so what are going to do today?
What are you going to do to this?
I found it on my phone, got a cable page, so I have to find a few links.
We can move to this link.
And what we can do will move to this thing and what we can do, we look how we can create responsive
forms using bootstrap.
So this is going to be very good so we can see how we can create responsive form using bootstrap and
what we are going to do.
So this is like a box container with an email address and a password.
Then check me out, submit.
We can get a form like this only and this is another one.
Integris example select.
So the Senate select option with the dropdown river.
So this is a text area.
And this is a form with an input type is able to file so you can see it as an input type file.
So I'm telling you all this because this will make you have tool with how what kind of widgets we have
with the form.
Then this is all about sizing and this is what this is select.
And this is only you can read this only note a little out here, then read only plaintext.
So this is how we do.
So this is one of the range inputs.
This is the than a bit of slider behavior than others are checkbox and this is same checkbox then default
Radil second radio, disable radio and line.
So we are very much decent amount of parameters to work with.
And then this is the bomb group.
So this phone grid with foam roll and I'll explain all this, how you can make a phone bill and we'll
start this from scratch.
But this is what is going to be one of the important parts.
And let's get started with designing our front end part.
So I'll do what I do and just simply pick any template and help this because I have to extend my next
shot to my home page.
So I'll change the name my phone.
OK, now, OK, I remove this line.
OK, I'll give it a heading, Tetuan, let me go on heading my own.
And what I'm going to do, I'm going to go to my local office and type slash my phone.
OK, so this looks this is my phone, so I have to find the heading to make sure that the template is
working.
So what I can do next is.
And move to this page and what you can do, you can have a simple layout.
OK.
You can have any of the same.
Let's get let's start with a simple one.
So.
We'll pick this, OK, or if you want me to, I will make this from scratch, OK?
US what you need to define, you need to define a form group so will define a foreign group.
So for first, we will define the last physical container fluid.
OK, this is a container.
Then inside this, we need to do fine as a rule.
Then I'll find a column.
Go medium size six, or you can say Wizzit, then I need to define a phone.
OK, so this will be defined.
Now, what do you need to define inside of you need to define a class as a form group.
So I use this div class is able to form in group.
OK, so what do you need?
So I'll use another OK, I'll let proceed with this so you can see that for two inputs.
There are one live classes with one group and another is also the phone group to suppose you are having
to inputs.
The glass is a of full group, so you can see the container then a roll call column of of medium with
six, then a foam, then I have to form that.
This means I'm going to define two inputs.
So one is input type is a lot of text.
I'll give this idea.
My text and name is all to my ex-husband and I'll define what you can see.
They have defined input type image email classes to form control.
So I'll define this class to this because this class is necessary.
All control.
OK, so this looks pretty fine, and I define a label label for my phone.
So here you can see they are most defined label label for.
So define a label my next.
My text, this was fine and what we can do, I'll go to this page.
OK, so here it is, a bomb.
So but right now, there's no such an indictment.
I'll go to inspect.
OK, when I moved to inspect, I go to the closet, correct mistakes, and I cry in some cases out here,
so I do margin zero or two.
So this was my phone to the center.
OK, I'll do this.
Style is little margin, zero auto and with the same and do.
With the heading as well, so I'll try the thesis on this as well.
This is my heading, so let's do something next.
A line is will the center get this?
Looks pretty fine and I'll give a little bit of margin.
Sorry, I'll get margin top.
And I lose a relative unit, and this is in terms of RAM, so you can simply either you can copy the
CCIS.
And this is a key shortcut, you can walk with this, I'll put a style tag here and I'll paint the cases
here.
So this looks pretty fine.
So am I.
Right?
Click here and I say form a document.
OK, just the.
Form a document for this is this isn't working, I'll check if something's OK, and I have defined the
heading and I'll do some changes.
OK, I'm having some issue with this one all this time, right?
Yes.
So I have a heading.
OK, now this looks pretty fine.
And you can see I have a phone with my text and I'll do the same.
OK, I'll copy this quickly.
OK, well, I will define as a text area.
So this is the text area.
So what we can do so this is the text area and we have defined rules for for how much rules we want.
So we will quickly do this.
OK, let's do this.
Text area class is a form control control.
OK, rules is equal to three.
OK, before this I'll give an idea to it.
I'm sorry it my text area as well as a name to it name is equal to.
I'll give this a name as my text area.
Look at this, looks pretty fine, and I'll close this text area so it automatically closes it and I'll
define a label for.
My next area on this was going to be my next.
OK, I'll use the capital M on capital, so this looks pretty fine and when I move to my page.
OK, this looks pretty fine, so this is a form we are made and will now test the responsiveness of
this film.
So what are going to do?
We are going to press controlled shift or you can simply press, inspect, right.
Click, inspect.
Then we use a layout.
OK.
Now you can see the beauty of bootstrap.
So you can see iPhone five or responsive form is the here iPhone six, iPad Galaxy S5.
So this is a response of nature of a phone.
So and this is you can see pixel two and here you can see that the cell phone being responsive.
So this is a beautiful mousetrap.
So thank you, guys.
Thank you so much.
So I'll catch up in the next to do.
We will integrate this part of our form with the back and got back in part.
So thank you, guys.