用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

扫一扫,登录网站

小程序社区 首页 教程 新手教程 入门系列 查看内容

微信小程序入门《三》实例:简易form、本地存储

天下雪 2017-1-11 00:32

作者:lecepin,来自授权地址实例内容登陆界面处理登陆表单数据处理登陆表单数据(异步)清除本地数据实例一: 登陆界面在app.json中添加登陆页面pages/login/login,并设置为入口。保存后,自动生成相关文件(挺方便 ...

作者:lecepin,来自授权地址

实例内容

  • 登陆界面
  • 处理登陆表单数据
  • 处理登陆表单数据(异步)
  • 清除本地数据

实例一: 登陆界面

app.json中添加登陆页面pages/login/login,并设置为入口。

保存后,自动生成相关文件(挺方便的)。

修改视图文件login.wxml

  1. <!--pages/login/login.wxml-->
  2. <view class="container">
  3. <form bindsubmit="formSubmit">
  4. <view class="row">
  5. <text>姓 名:</text>
  6. <input type="text" name="userName" placeholder="请输入用户名" />
  7. </view>
  8. <view class="row">
  9. <text>密 码:</text>
  10. <input type="password" name="userPassword" placeholder="请输入密码" />
  11. </view>
  12. <view class="row">
  13. <button type="primary" form-type="submit">登陆</button>
  14. </view>
  15. </form>
  16. </view>

修改登陆样式login.wxss

  1. /* pages/login/login.wxss */
  2. .container{
  3. padding: 1rem;
  4. font-size: 0.9rem;
  5. 邀请
    鲜花
    鲜花 (3)
    鸡蛋
    鸡蛋

    刚表态过的朋友 (3 人)

    分享至 : QQ空间
    收藏
    原作者: lecepin 来自: 授权地址

    相关阅读