## 注册页面一
代码如下：
demo_form_win.html
```
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>Hello APP</title>
<link rel="stylesheet" type="text/css" href="../../../css/aui-win.css" />
</head>
<body>
<header class="aui-bar aui-bar-nav aui-bar-warning" id="aui-header">
<a class="aui-btn aui-btn-warning aui-pull-left" tapmode onclick="closeWin()">
<span class="aui-iconfont aui-icon-left"></span>
</a>
<div class="aui-title">表单</div>
<a class="aui-iconfont aui-icon-menu aui-pull-right"></a>
</header>
</body>
<script type="text/javascript" src="../../../script/api.js"></script>
<script type="text/javascript">
function closeWin(){
api.closeWin();
}
apiready = function(){
api.parseTapmode();
var header = $api.byId('aui-header');
$api.fixStatusBar(header);
var headerPos = $api.offset(header);
var body_h = $api.offset($api.dom('body')).h;
api.openFrame({
name: 'demo_form_frm',
url: 'demo_form_frm.html',
bounces: true,
rect: {
x: 0,
y: headerPos.h,
w: headerPos.w,
h: 'auto'
}
})
};
</script>
</html>
```
demo_form_frm.html
```
<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
<title>APP</title>
<link rel="stylesheet" type="text/css" href="../../../css/aui.css" />
<style type="text/css">
.aui-card {
margin-top: 15px;
}
.aui-input-addon.aui-iconfont {
font-size: 20px !important;
}
.aui-input-row {
width: 100% !important;
}
</style>
</head>
<body>
<div class="aui-content aui-card">
<div class="aui-form">
<div class="aui-input-row">
<i class="aui-input-addon aui-iconfont aui-icon-people aui-text-info"></i>
<input type="text" class="aui-input" placeholder="用户名"/>
</div>
<div class="aui-input-row">
<i class="aui-input-addon aui-iconfont aui-icon-lock aui-text-warning"></i>
<input type="password" id="password" class="aui-input" placeholder="密码"/>
<i class="aui-input-addon aui-iconfont aui-icon-attention aui-text-default" tapmode onclick="showPassword();" id="showpass-btn"></i>
</div>
<div class="aui-input-row">
<i class="aui-input-addon aui-iconfont aui-icon-lock aui-text-warning"></i>
<input type="password" class="aui-input" placeholder="确认密码"/>
</div>
<div class="aui-input-row">
<input type="number" class="aui-input" id="code" placeholder="请输入收到的验证码"/>
<span class="aui-input-addon">
<div class="aui-btn" id="sendVerify" status="1" tapmode onclick="getVerify()">获取验证码</div>
</span>
</div>
<div class="aui-btn-row">
<div class="aui-btn aui-btn-block aui-btn-warning" onclick="return false;">确认</div>
</div>
</div>
</div>
</body>
<script type="text/javascript" src="../../../script/api.js" ></script>
<script type="text/javascript">
var isinerval,times;
apiready = function () {
api.parseTapmode();
}
function showPassword(){
$api.attr($api.byId('password'),'type','text');
$api.removeCls($api.byId('showpass-btn'),'aui-icon-attention');
$api.addCls($api.byId('showpass-btn'),'aui-icon-attentionfill');
$api.attr($api.byId('showpass-btn'),'onclick','hidePassword();');
api.parseTapmode();
}
function hidePassword(){
$api.attr($api.byId('password'),'type','password');
$api.removeCls($api.byId('showpass-btn'),'aui-icon-attentionfill');
$api.addCls($api.byId('showpass-btn'),'aui-icon-attention');
$api.attr($api.byId('showpass-btn'),'onclick','showPassword();');
api.parseTapmode();
}
function getVerify() {
var sendVerify = $api.byId('sendVerify');
var status = $api.attr(sendVerify,'status');
if(status!=1){
return;
}
$api.removeAttr(sendVerify,'onclick');
api.parseTapmode();
$api.html(sendVerify,'<span id="GetVerify">120</span>S');
times = 119;
isinerval = setInterval("CountDown()", 1000);
setTimeout(function(){
$api.val($api.byId("code"),'888888');
},500)
}
function CountDown() {
if (times < 1) {
var sendVerify = $api.byId('sendVerify');
$api.attr(sendVerify,'onclick','get_verify()');
$api.attr(sendVerify,'status','1');
api.parseTapmode();
$api.html(sendVerify,'重新获取');
clearInterval(isinerval);
return;
}
var getVerify = $api.byId('GetVerify');
$api.html(getVerify,''+times+'');
times--;
}
</script>
</html>
```
- APP模块
- 欢迎页
- 头部模块
- 底部模块
- 图文列表
- 商品展示
- 文字列表
- 内容页一
- 评论页
- N宫格
- 获得上一级的栏目名称
- 搜索模块
- 图标
- 幻灯模块
- 消息页
- 个人中心
- 个人中心—我的收藏
- 个人中心—资料修改
- 个人中心—我的钱包（账户）
- 咨询页面
- APP模板
- 注册 页面一
- 注册 页面二
- 登录 页面一
- 登录 页面二
- 忘记密码 页面一
- 会员中心 首页一
- 会员中心 首页二
- 会员中心 首页三
- 会员中心 资料修改
- 申请审核步骤
- 商品订单一
- 游戏页面
- 新闻列表页
- 图文列表页
- 商品列表页
- 商品详情页
- 聊天
- 消息列表
- 聊天界面
- 发布需求
- 前端框架
- CSS Framework
- trim 字符处理
- dom 选择器
- 样式
- evt 事件
- 选择元素
- 属性
- 文本
- 位置
- json
- 设置
- 提示
- AJAX
- storage 本地存储
- API对象
- 常用函数
- openWin()
- closeWin()
- apiready
- fixStatusBar(header)
- api.setRefreshHeaderInfo
- api.openFrame
- randomSwitchBtn(index,name)
- APP常用图片
- asd