Saturday, 20 January 2018

Create An Account Using Html


 demo.html
<!doctype html>
<html lang en:US>
<head>
<title>www.LearningPoint92.com</title>
<meta charset ="UTF-8">
<style>
h1{font-family:Arial;background-color:#006400
;color=green;overflow:hidden;display: block;margin:10px;padding:20px;border:0px;}
#sbmtbtn{display: inline-block;background-color: MediumSeaGreen;}
#cancelbtn{display: inline-block;background-color: #f44336}
</style>
</head>
<body>
<form>
<h1><b>LearningPoint92</b></h1>
<h2>Create an account</h2>
<h3>It's free and always will be.</h3>
<input type="text" name="First name" placeholder="First name" autofocus> &nbsp&nbsp&nbsp&nbsp&nbsp <input type="text" name="Surname" placeholder= "Surname"><br><br>
<input type="email" name="Email_ID" placeholder="Email Address" autocomplete="on"><br><br>
<input type="Number" name="Mobile No" placeholder="Mobile Number" required><br><br>
<input type="password" name="Pswd" placeholder="New Password" required><br><br>
Birthday:<input type="date" name="date">&nbsp&nbsp&nbsp&nbsp&nbsp
<button onclick="myFunction()">Why do I need to provide my date of birth?</button>
<script>
function myFunction()
{
alert("Providing your date of birth helps make sure that you get the right Facebook experience for your age.If you want to change who sees this, go to the About section of your Profile. For more details, please visit our Data Policy.");
}
</script>
<br><br>
<input type ="radio" name="gender" checked>Male <input type ="radio" name="gender">Female<br><br>
Upload Profile Photo: <input type="file" name="img" multiple><br><br>
<button type="submit" id="sbmtbtn"><b>Create an account</b></button>
<button type="button" id="cancelbtn"><b>Cancel an account</b></button>
</form>
</body>
</html>

OUTPUT:

LearningPoint92

Create an account

It's free and always will be.

       







Birthday:      

Male Female

Upload Profile Photo: 

 

No comments:

Post a Comment

Global Infrastructure and its components in AWS

You may operate your workloads wherever and however you choose with the AWS Global Infrastructure, and you'll use the same network, cont...