Skip to main content

Web programming part 2

Hello guys,
I am back with another post on web programming.
In the last post you guys had learnt how to create a simple HTML document.
As i told you there are many tags that you might have to remember.

In this Post i will be creating a small Login form using only HTML.
By using only HTML i mean No styling will be given to the document.

The purpose of this code is to demonstrate you tags like <form> and <label>
you will also learn how to make a button in HTML.

The code goes like this:

<form action="/action_page.php">
    <label><b>Username</b></label>
    <input type="text" placeholder="Enter Username">

    <label><b>Password</b></label>
    <input type="password" placeholder="Enter Password">

    <button type="submit">Login</button>
    <button type="button">Cancel</button>
</form>

This is a very simple piece of code to make a login screen.
Note that there is no styling given.
In the next post i will provide you with a code for login screen which also contains styling and some CSS. In that way i will make you understand the basics of CSS.

Using forms we can also pass data to a PHP file.This will also be covered in the further posts.

Comments