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

apply function in R

1) apply function: It takes 3 arguments matrix,margin and function.. Example: m<-matrix(c(1,2,3,4),nrow=2,ncol=2) m #1 indicates it is ap...