html login using google code example
Example 1: html login with google
<html lang="en">
<head>
<meta name="google-signin-scope" content="profile email">
<meta name="google-signin-client_id" content="YOUR_CLIENT_ID.apps.googleusercontent.com">
<script src="https://apis.google.com/js/platform.js" async defer></script>
</head>
<body>
<div class="g-signin2" data-onsuccess="onSignIn" data-theme="dark"></div>
<script>
function onSignIn(googleUser) {
var profile = googleUser.getBasicProfile();
console.log("ID: " + profile.getId());
console.log('Full Name: ' + profile.getName());
console.log('Given Name: ' + profile.getGivenName());
console.log('Family Name: ' + profile.getFamilyName());
console.log("Image URL: " + profile.getImageUrl());
console.log("Email: " + profile.getEmail());
var id_token = googleUser.getAuthResponse().id_token;
console.log("ID Token: " + id_token);
}
</script>
</body>
</html>
Example 2: html login page
<html>
<head>
<title>Account</title>
<style>
body
{
background-color:#ffda08;
}
table
{
border:1px white;
margin-top:200px;
margin-left:500px;
background-color:white;
padding:20px
}
#btn
{
width:200px;
height:50px;
background-color:#1ee3d2;
}
</style>
</head>
<body>
<form name=frmNewAcc>
<table border=0 cellspacing=5px>
<tr>
<th colspan=3><input class=in =text name=txtuname placeholder="Enter your account name"></th>
</tr>
<tr>
<th colspan=3><input class=in type=password name=txtupass placeholder="Enter your new password"></th>
</tr>
<tr>
<th colspan=3><input class=in type=password name=txtuconfirmpass placeholder="Enter confirmed password"></th>
</tr>
<tr>
<th colspan=3><input id=btn type=button value="Create new account"></th>
<a href="Login task 1.html">Go back to login</a>
</tr>
</table>
</form>
</body>
</html>