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

Popular posts from this blog

Intro to Python Programming - 2. Basic Output

Hello everyone!           Considering the lot of requests I received from my dear friends and viewers, I shall now start posting step by step tutorials for mastering Python programming. I proceed with the assumption that you have a basic foundation of the C programming language . If not much of it, at least having some idea about the type specifiers such as ‘%d for integer, %f for floating point variables etc.’ and also, some basic ideas about data types such as int , float , char etc. would be of great help. :)           Before we begin with the coding part of python, I want you to understand a few basic concepts, like: 1.      Python is scripting language. 2.      Python programs do not make use of statement terminators like semicolons ‘;’ as in C, C++ and Java. 3.      A basic Python program does not require any header ...

Kotlin :A New Beginning

Hello guys, You might have heard about a new language supported for the android Officially by Google,Named as Kotlin. Kotlin is a statically typed Programming language.By statically typed language i mean that the type checking is done during complile time. It was developed in July 2011 by Jetbrains in Russia,In 2017 Google declared Kotlin as the official langauge for android. However the Traditional Java developers are sticking to java. New programmers who want to make android apps,Web apps can use Kotlin as a language of preference. With this Post i welcome you to the world of Kotlin. There is no good book for kotlin but there is the official documentation on Kotlin.I refer the official Kotlin documentation. The main aim of this post if to Introduce you Kotlin and its Uses and also how to write programs in Kotlin. The official documentation can be found on the website   KOTLIN I belive that this post will help you to write codes in Kotlin. So lets begin Fir...

Assembly code generator for non parenthesized arithmetic expressions using Python Programming Language.

Hi guys, I hope you like the code I'm posting. This program is written in Python Programming language and it converts the non parenthesized arithmetic expressions to Assembly level code. Try a = b + c / d to test the code. And this should be the expected output: The Genereated code is: LD R0 ,c LD R1 ,d DIV R0 ,R0 ,R1 LD R1 ,b LD R2 ,temp ADD R1 ,R1 ,R2 ST temp , R1 Please Note: Do include a space (" ") between the operators and operands. And keep it in your mind that this is a code generator. Hence please do try it with valid expressions only. Upgrading the code for implementing the 'if' and looping constructs like 'while' and 'for' and sharing the modified code with us and other coding enthusiasts is really very well appreciated. I shall make another post about the explanation of the code soon. Until then, please do comment on our post and share our link to other coding lovers like yourself! I ho...