Menu

Learn how to start playing on JartexNetwork in just 60 seconds!
Play Now
Learn how to join our server
and start playing in 60 seconds
Play Now
CLICK TO JOIN JOIN OUR DISCORD
0
0

Cool Login page Using HTML (i made it)

Zeal

Addicted Member
Joined
December 10, 2022
Messages
245
Points
58
IGN
Zyzz32
HTML:
<!DOCTYPE HTML>
<html>
<head>
  <title>Register Form</title>
  <style = "text/css">
      body {background-color: aquamarine;}
  </style>
</head>
<body>
 <form>
  <table>
   <tr>
    <td>Name :</td>
    <td><input type="text"></td>
   </tr>
   <tr>
    <td>Password :</td>
    <td><input type="password"></td>
   </tr>
   <tr>
    <td>Gender :</td>
    <td>
     <input type="radio" name="Gender"> Male
     <input type="radio" name="Gender"> Female
    </td>
   </tr>
   <tr>
    <td>Email :</td>
    <td><input type="email"></td>
   </tr>
   <tr>
    <td>Phone no :</td>
    <td>
     <select>
      <option>977</option>
      <option>978</option>
      <option>979</option>
      <option>973</option>
      <option>972</option>
      <option>974</option>
     </select>
     <input type="phone">
    </td>
   </tr>
   <tr>
    <td><input type="submit" value="Submit"></td>
   </tr>
  </table>
 </form>
</body>
</html>

save it as a .html file and it will look like this:

View: https://imgur.com/ImQn4MJ
 

divertente

Great Reporter
Great Reporter
Donator
Joined
April 17, 2021
Messages
1,801
Points
123
Age
17
IGN
divertente
HTML:
<!DOCTYPE HTML>
<html>
<head>
  <title>Register Form</title>
  <style = "text/css">
      body {background-color: aquamarine;}
  </style>
</head>
<body>
 <form>
  <table>
   <tr>
    <td>Name :</td>
    <td><input type="text"></td>
   </tr>
   <tr>
    <td>Password :</td>
    <td><input type="password"></td>
   </tr>
   <tr>
    <td>Gender :</td>
    <td>
     <input type="radio" name="Gender"> Male
     <input type="radio" name="Gender"> Female
    </td>
   </tr>
   <tr>
    <td>Email :</td>
    <td><input type="email"></td>
   </tr>
   <tr>
    <td>Phone no :</td>
    <td>
     <select>
      <option>977</option>
      <option>978</option>
      <option>979</option>
      <option>973</option>
      <option>972</option>
      <option>974</option>
     </select>
     <input type="phone">
    </td>
   </tr>
   <tr>
    <td><input type="submit" value="Submit"></td>
   </tr>
  </table>
 </form>
</body>
</html>

save it as a .html file and it will look like this:

View: https://imgur.com/ImQn4MJ
pretty basic but it does its job, I'd recommend adding all the different phone number prefixes, something that blocks you from putting normal characters in the phone number section and and also something that doesn't let you submit if the phone number is below 10 numbers, also adding a bit of css could be pretty nice so you could make it look modern.

Not being into html myself I can't be sure on how hard what you did is nor how hard my suggestions are, but keep working on it! it's pretty good if it's your first code : D
 

Davidva

Known Member
Known Member
Donator
Joined
November 15, 2017
Messages
351
Points
109
now unfortunately if i ever see this login dialogue at any point in time i will genuinely shoot myself as well as a childrens hospital as this is the dogshittest creation that has ever been produced in html in the history of creations created in html please humbly kill yourself
My honest reaction to this information:
IMG_20230213_155957.jpg
 

fundamentally

Member
Joined
February 12, 2023
Messages
1
Points
9
Age
40
now unfortunately if i ever see this login dialogue at any point in time i will genuinely shoot myself as well as a childrens hospital as this is the dogshittest creation that has ever been produced in html in the history of creations created in html please humbly kill yourself
imag34444e0.pngcted.
 

Top