html5_d登陆界面_注册界面

<!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>

posted @ 2015-09-13 21:39  wjwdive  阅读(391)  评论(0编辑  收藏  举报