API tools faq
paste
Hendripanjaitan

Example Combobox Login Complete with register.

Hendripanjaitan
Sep 9th, 2016
72
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
HTML 2.08 KB | None | 0 0
raw download clone embed print report
  1. <!DOCTYPE html>
  2.     <html>
  3.     <head>
  4.         <title></title>
  5.         <link rel="stylesheet" type="text/css" href="style1.css">
  6.         <style>
  7.                 body { font-family: Arial,sans-serif;
  8.  
  9.                 background-color: black; }
  10.  
  11.  
  12.             .container { width :500px;
  13.              height:300px;
  14.              background-color: rgba(0,0,0,.5); 
  15.              display: inline-block;
  16.              margin-left: 32%;
  17.              margin-top: 21%;
  18.  
  19.              }
  20.  
  21.              .container .text h1 {margin-left: 185px;
  22.                       font-family: courier,monospace;
  23.                       color: violet;
  24.  
  25.  
  26.             }
  27.        
  28.              .container input[type="username"] { width :250px;
  29.                     height:30px;
  30.                     margin-left: 130px;
  31.                    
  32.                    
  33.  
  34.                              }
  35.        
  36.                     .container input[type="password"]
  37.                     { width :252px;
  38.                     height:30px;
  39.                     margin-left: 130px;
  40.                    
  41.                    
  42.                 }
  43.  
  44.                     .container button { width:256px;
  45.                      height:30px;
  46.                      margin-left: 130px;
  47.                      border: 2px solid black;
  48.                      border-radius: 10px;
  49.                      }
  50.  
  51.                     .container button:active { background-color: blue;
  52.                     font-style: italic;        
  53.                       }                      
  54.  
  55.                     .tambah { margin-top: 20px; }
  56.  
  57.                     .register  { text-align: center;
  58.            
  59.  
  60.  
  61.  
  62.                      }  
  63.  
  64.                      .register a { text-decoration: none;
  65.  
  66.  
  67.                         }
  68.  
  69.  
  70.                     .forgoten_Password  {text-align: center;
  71.                    
  72.                         }  
  73.  
  74.                     .forgoten_Password a { text-decoration: none;
  75.                      }           
  76.  
  77.  
  78.  
  79.         </style>
  80.     </head>
  81.     <body>
  82.  
  83.     <!--
  84.     *Latihan Membuat combobox input Login dan register.
  85.     *dengan mengunakan html dan CSS saja ... hehe
  86.     -->
  87.  
  88.     <div class="container">
  89.     <div class="text"><h1>DARK<em>Chat</em></h1></div>
  90.         <div class="input_Login">
  91.            
  92.             <input type="username" id="username" placeholder="username"></input>
  93.             <br>
  94.             <input type="password" id="password" placeholder="password"></input>
  95.             <br><br>
  96.             <button type"submit">Log in...</button>
  97.  
  98.         </div>
  99.         <div class="tambah">
  100.         <div class="register"><a href="register.html">Sign up</a></div><br>
  101.         <div class="forgoten_Password"><a href="forgot">Forget Password?</a></div>
  102.         </div>
  103.  
  104.  
  105.  
  106.  
  107.  
  108.  
  109.  
  110.     </div>
  111.  
  112.  
  113.  
  114.    
  115.     </body>
  116.     </html>
Advertisement
Add Comment
Please, Sign In to add comment
Public Pastes
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy.  OK, I Understand
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!