微信小程序用户名、密码页面设计

.wxml页面

1. <view class="section">
2. <form bindsubmit="bindFormSubmit" bindreset="formReset">
3. <text>日期选择</text>
4. <view class="textareaT" name="userName">
5. <text class="textriqi">{{dateValue}}</text>
6. <picker mode="date" value="{{dateValue}}" start="1999-01-01" end="2999-12-12" bindchange="datePickerBindchange">
7. <image class="imgrili" src="../imges/rili.png"></image>
8. </picker>
9. </view>
10. <text>申请人信息</text>
11. <view class="textareaT2" name="userName">
12. <view class="itemView">用户名：
13. <input name="userName" placeholder="请输入用户名" bindinput="userNameInput" />
14. </view>
15. <view class="lineV"></view>
16. <view class="itemView">密码：
17. <input name="userName" placeholder="请输入密码" bindinput="pasWInput" />
18. </view>
19.  
20. </view>
21. <button class="submitClick" formType="submit"> 登 录</button>