WEB Design Tutorial 6

      How to create a user login form

Above is what we will achieve 

Follow this steps below 

If u av been following other lessons, you should av a layout by now. If not start from lesson 1

Insert a div tag inside the wrapper tag then float to left 

Set the box properties as shown , notice the tag was exactly at extreme to give it space set the right margin as u wish, apply to see the level of space , set as suitable 

In the tag u av created and floated to the right, go to insert, move down to insert form

Click on form

Go to us CSS rules , locate #login form. I called my tag login so whatever u name ur tag will appear #_____ form. So locate d CSS rule with form @ the front.

Set the width of the form same as that of the tag 

For me its 300px

 Get ur form to look as above. Type username, go to insert panel, insert form , insert text field 

Type password, insert text field

Insert panel again , to go form , insert button 

The button has a custom ID of summit 

That can be changed 

As seen above 

Let's add border to our login tag. Let's av a demarcation

Set borders

 Let's make it look more like conventional login form

Add the other write up as it suit u. 

When users fill in there detail, these details that av been save during the course of user registration will now be cross checked with the submitted detail to see if the user is authorized, if yes then login will be successful.
Data base is outside the scope of this free online training .

You will have to register in our training sessions to learn our to make ur form interact with the data base 
Contact Us: 07081030547 to know when the next batch of training will commence