Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- <!DOCTYPE html>
- <html>
- <head>
- <title>Registration Form</title>
- <meta charset="UTF-8">
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="author" content="Janric Malate">
- <style>
- span {color:blue;}
- span.xy {color:green;}
- input.zx {background-color: black; border: 1px solid red; color: lime; font-family: courier;}
- </style>
- </head>
- <body style="background-color:black;">
- <form>
- <fieldset style="border: 2px solid red; margin: 5px">
- <legend style="color:lime;"><b>Log in Credentials</b></legend>
- <span>Username:</span><br><input class="zx" type="text" name="username" autofocus><br>
- <span>Password:</span><br><input class="zx" type="password" name="password"><br>
- <span>Email address:</span><br><input class="zx" type="text" name="emailaddress"><br><br>
- </fieldset>
- <fieldset style="border: 2px solid red; margin: 5px">
- <legend style="color:lime;"><b>Personal Information</b></legend>
- <span>First Name:</span><br><input class="zx" type="text" name="firstname"><br>
- <span>Last Name:</span><br><input class="zx" type="text" name="lastname"><br>
- <span>Birthdate:</span><br><span class="xy">MM</span>
- <input class="zx" type="number" name="quantity" min="01" max="12" size="2" maxlength="2"><span class="xy">DD</span><input type="number" class="zx" name="quantity" min="01" max="31" size="2" maxlength="2"><span class="xy">YYYY</span><input class="zx" type="number" name="quantity" min="1950" max="2098" size="4" maxlength="4"><br>
- <span>Gender:</span><br><input class="zx" type="radio" name="gender" checked="checked"><span class="xy">Male</span><br>
- <input type="radio" name="gender"><span class="xy">Female</span><br><input type="radio" name="gender"><span class="xy">Others</span><br><span>If others please specify in the textbox below:</span><br><input class="zx" type="text" name="gender"><br><br><b><input style="color:black;" type="submit" value="Submit" onclick="alert('Your registration was successful! thank you for joining')"></b></fieldset>
- </form>
- </body>
- </html>
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement