Code for Log-In Form Using HTML and CSS.

-



<html>
<head>
<style>
body
{
margin:0;
padding:0;
background-color:grey;
}
#a
{
width:300px;
padding:40px;
position: absolute;
top:50%;
left:50%;
transform: translate(-50%,-50%);
background:black;
text-align: center;
color:white;

}
#a input[type="text"], #a input[type="password"]
{
border:0;
background-color: none;
display:block;
margin:20px auto;
text-align:center;
border:2px solid blue;
padding:14px 10px;
width:200px;
outline:none;
color:black;
border-radius: 24px;
transition:0.25s;
}
#a input[type="text"]:focus,#a input[type="password"]:focus
{
width:280px;
border-color:green;
}
#a input[type="submit"]
{
border:0;
background-color: none;
display:block;
margin:20px auto;
text-align:center;
border:2px solid green;
padding:14px 40px;
width:200px;
outline:none;
color:blue;
border-radius: 24px;
transition:0.25s;
cursor: pointer;
}
#a input[type="submit"]:hover
{
background-color: green;
}
</style>
</head>
<body>
<form id="a">
<h1><u>LOG-IN</u></h1>
<input type="text" placeholder="user name">
<input type="password" placeholder="password">
<input type="submit" value="log-in">
<a href="registration form.html" target="_blank">Sign Up</a><br>
<a href="forget password.html" target="_blank">Forget Password</a>
</form>
</body>
</html>

Comments

Post a Comment

Popular posts from this blog

Check Input String in form xCy where x is string and y is Reverse of x

-
Image
#include<stdio.h> #include<conio.h> #include<string.h> void push(int *top,char s[],char x,int max); int pop(int *top,char s[]); void push(int *top,char s[],char x,int max) {   if(*top>=max-1)   {    printf("stack overflow \n");   }   else   {    *top=*top+1;    s[*top]=x;   } } int pop(int * top,char s[]) {   if(*top<=-1)   {    printf("stack underflow\n");    return 1;   }   else   {    int item=s[*top];    *top=*top-1;    return item;   } } void main() {  int *top,max=10,i,flag,len;  char s[10],x[10],a;  *top=-1;  clrscr();  printf("enter string in format xCy:");   // x is string and y is reverse of x.  gets(x);  len=strlen(x);  for(i=0;x[i]!='C';i++)  {    push(top,s,x[i],max);  }  i++;  while(x[i]!='\0')  {   a=pop(top,s);   if(a!=x[i])   {     flag=1;     break;   }   else   {    flag=0;   }   i++;  }  if(flag==0)  {   print
Read more

Code For Check Balance Parentheses using C-Programming

-
Image
#include<stdio.h> #include<conio.h> void push(int *top,char s[],char exp,int max); int pop(int *top,char s[]); int isEmpty(int *top); int isEmpty(int *top) {    if(*top<=-1)      {return 1;}    else      { return 0;} } void push(int *top,char s[],char exp,int max) {   if(*top>=max-1)    {printf( "Given expression is Not Balanced Parenthese" );    }     else    {*top=*top+1;       s[*top]=exp;     } } int pop(int  *top,char s[]) {   if(*top<=-1)    { printf( "Given expression is Not Balanced Parenthese" );        return 1; }   else     {        int item=s[*top];       *top=*top-1;        return item;     } } void main() {   int *top,max=10,valid=0,len,i;   char exp[10],s[10];   *top=-1;    clrscr();    printf("Enter Expression : ");    gets(exp);    len=strlen(exp);    for(i=0;i<len;i++)    {       if(exp[i]=='(' || exp[i]=='{' || exp[i]=='[')        {          
Read more

TRIANGLE Using JavaScript

-
Image
<html>       <head>              <script>                    document.write("<center>");                    for(i=1;i<=5;i++)                   {                            for(j=1;j<=i;j++)                           {                                document.write("*");                                document.write(" ");                           }                           document.write("<br>");                   }                    document.write("</center>");              </script>       </head> </html>
Read more