<!DOCTYPE html>
<html lang="zh-cn">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>html5表单注册进度条提示效果</title>
<link rel="stylesheet" href="style.css">
<link rel="stylesheet" href="fort.css">
<style>
.top-banner {
background-color: #333;
}
.nav {
margin-bottom: 30px;
}
.nav li.current a{
background-color: #009DFF;
color: #fff;
padding: 10px;
}
.nav a {
margin: 5px;
color: #333;
text-decoration: none;
}
</style>
<script src="fort.js"></script>
</head>
<body>
<div class="form-wrapper">
<div class="top"><div class="colors"></div></div>
<div class="nav">
<ul>
<li class="current"><a href="default/index.html">效果一</a></li>
<li><a href="flash/index.html">效果二</a></li>
<li><a href="gradient/index.html">效果三</a></li>
<li><a href="sections/index.html">效果四</a></li>
</ul>
</div>
<form name="form" action="#">
<div class="form">
<div class="form-item">
<input type="text" name="text" required="required" placeholder="昵称" autocomplete="off">
</div>
<div class="form-item">
<input type="text" name="text" required="required" placeholder="用户名" autocomplete="off">
</div>
<div class="form-item">
<input type="password" name="password" required="required" placeholder="密码" autocomplete="off">
</div>
<div class="button-panel">
<input type="submit" class="button" title="Sign In" value="注册">
</div>
</div>
</form>
</div>
<div class="footer-banner" style="width:728px; margin:200px auto 0"></div>
<script>
solid();
</script>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
<p>适用浏览器：360、FireFox、Chrome、Safari、Opera、傲游、搜狗、世界之窗. 不支持IE8及以下浏览器。</p>
</div>
</body>
</html>
html5实现的表单注册进度条提示特效源码.zip
版权申诉
32 浏览量
2022-11-04
23:39:38
上传
评论
收藏 13KB ZIP 举报
html5实现的表单注册进度条提示特效源码.zip （16个子文件） 
132689935112331313 sections 
fort.css 262B
index.html 2KB style.css 2KB fort.js 3KB fort.css 262B index.html 2KB flash fort.css 273B index.html 2KB style.css 2KB fort.js 3KB gradient fort.css 272B index.html 2KB style.css 2KB fort.js 3KB style.css 2KB fort.js 3KB资源评论
