请在下方输入要搜索的题目：

请编写一个用户登录页面,提示输入用户名和密码进行登录。

发布时间：2024-08-02 06:20:14

推荐参考答案 ( 由题搜搜官方老师解答 )

答案：
WXML代码如下：
<view class="user">
<form action="###" method="post">
用户名：<input></input>
密码：<input></input>
</form>
<button>登录</button>
</view>
WXSS代码结构：
Page{
background-color: #000;
border:1rpx solid #ccc
}
.user{
display:flex;
flex-direction: column;
width:100%;
height:100vh;
}
Form{
flex:12;
color:#ccc;
margin-top:100rpx;
display: flex;
flex-direction: column;
align-items: center;
}
Form input{
border:1rpx solid #ccc
}
Button{
flex:1;
width: 100%;
}