微信小程序介绍《三》示例:简单表单 本地存储

实例内容

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

实例一： 登陆界面

在app.json中添加登录页面

font-size: 12.6px; color: rgb(63, 63, 63); white-space: nowrap; border-radius: 0px; background-color: rgba(128, 128, 128, 0.0745098);">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>
16. </form>
17. </view>

修改登陆样式login.wxss

1. /* pages/login/login.wxss */
2. .container{
3. padding: 1rem;
4. font-size: 0.9rem;