<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function validate()
{
var username=document.getElementById("username").value
var passward=document.getElementById("password").value
}
/*
function onclick()
{
<a href="second.html" />
}
function clickNextPage(){
window.location.reload("second.html");
}
document.getElementById(‘nextPage‘).addEventListener("click",clickNextPage);
*/
</script>
<style>
div
{
border:1px solid black;
padding: 35;
width:240px;
height:100px;
background:green;
position:relative;
-webkit-transition-duration:1s;
-webkit-animation:myfirst 5s linear 2s infinite alternate;
<!-- box-shadow: 10px 10px 5px #888888 -->
}
div:hover{
-webkit-transform:duration(2s);
-webkit-transform:rotate(180deg);
}
</style>
</head>
<label>hahah</label>
<body>
<div>
<form align="center">
UserName:<input type="text" name="UserName" id="username"/>
<br>
Password: <input type="password" name="password" id="password" />
</form>
</div>
<form >
<input type="submit" value="Login" id="login" />
<input type="button" value="signup" onClick="window.open(‘second.html‘);" />
<!--<button id="nextPage"> Singup </button>-->
</form>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<script type="text/javascript">
function validate()
{
var username=document.getElementById("username").value
var passward=document.getElementById("password").value
}
</script>
<style>
div
{
border:1px solid black;
padding: 35;
width:240px;
height:300px;
background:red;
box-shadow: 10px 10px 5px #888888
}
}
</style>
</head>
<label>hahah</label>
<body>
<div>
<form align="right">
UserName:<input type="text" name="UserName" id="username"/>
<br>
Email: <input type="email" name="Email" id="email" />
<br>
Password:<input type=“password” name="Password" id="password">
<br>
Mobil:<input type="Mobil" name="Mobil" id="mobil">
<br>
</form>
</div>
<form action="/example/hdom/hdom_submitpage.html" onsubmit="return validate()">
<input type="submit" value="Login" id="login" />
<input type="submit" value="signup" id=""signup/>
</form>
</body>
</html>