Skip to main content

Create a Simple form HTML

Login Form IN HTML:


<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<meta name="viewport" content="width=device-width, initial-scale=1">

<title></title>

</head>

<body>


<form>


<div>

<lable = "UserName">user Name</lable>  <!--------Lable is before any box ---->

<input type="text" id="UserName" > 

</div>

<div>

<lable = "passwordFor">Password</lable> 

<input type = "password" id = "passwordFor" required placeholder = "Enter your password">

</div>

<div><input type = "submit"></div> <!-----------This is submit button----------->

</form>


</body>

</html>


Explanation:

>> for create a form we should use first form tag then will take input from user to validate data in backend thats the reason in form will take input from user by entering this tag = input = "inputType[example- text"] 

In this code lable will gives u name for the box like here u can see on image user name, Password before the box is a lable 


Placeholder = if you want to add something for hint in box then u need to use placeholder tag


Why we are using div ?
Ans: because input is a inline tag and it will gives u form in single line without any break thats the reason I'm using div for all input element because div is a bock element.

this is lable , User name[is a lable]


Comments

Popular posts from this blog

Find Unique Number in Array Java , XOR

 Question:  WAP to find unique number in Array Java package aRray ; import java . util .*; public class practicalArray { public static void main ( String [] args ) { Scanner scan = new Scanner ( System . in ) ; // Step 1: Input size of the array from the user int size = scan . nextInt () ; // Step 2: Create an integer array of the specified size int [] arr = new int [ size ] ; // Step 3: Initialize 'res' with the first element of the array int res = arr [ 0 ] ; // Step 4: Loop to read array elements and find the unique number for ( int i = 1 ; i < size ; i ++ ) { // Read an integer from the user and store it in the array arr [ i ] = scan . nextInt () ; // Step 5: Use XOR (^) operation to find the unique number res = res ^ arr [ i ] ; } // Step 6: Print the unique number System . out . print...

Block vs Inline Elements In HTML

  Block: Block element always start in New Line  Block element always start in new line occupy complete width available  Example: h2, p, div Inline Element: They do not start in new line occuply width as much required  Example: img, anchor a,span There are no different between div and span, only difference is div is block element and span is Inline, it will help you to group your content or elements

Add CSS using external CSS

>>> U just need to create a another page and save it with the name style.css >>> and then go to link that style page with your html docs how to link your css with html page ? >>> You can find code below , it will help you to link your external page with your html docs <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Divyanshu Khare || MERN Developer</title> <meta description = "description" content="Divyanshu Khare's website"> <link rel="stylesheet" type="text/css" href="style.css">   <!----------link external css page ---------> </head> <body> </body> </html>