uniapp 写一个form表单 包括用户名 密码

在UniApp中，可以使用<form>标签创建一个表单，然后使用<input>标签来创建用户名和密码的输入框。下面是一个示例代码：

<template>
  <view class="container">
    <form @submit="submitForm">
      <view class="form-item">
        <text>用户名：</text>
        <input type="text" v-model="username" placeholder="请输入用户名" />
      </view>
      <view class="form-item">
        <text>密码：</text>
        <input type="password" v-model="password" placeholder="请输入密码" />
      </view>
      <button type="submit">提交</button>
    </form>
  </view>
</template>

<script>
export default {
  data() {
    return {
      username: '',
      password: ''
    }
  },
  methods: {
    submitForm() {
      // 在这里处理表单提交逻辑
      console.log(this.username, this.password);
    }
  }
}
</script>

<style>
.container {
  margin: 20px;
}

.form-item {
  margin-bottom: 10px;
}

input {
  width: 200px;
  height: 30px;
  padding: 5px;
}
</style>

在上面的代码中，我们使用v-model指令来实现双向绑定，将输入的用户名和密码保存在username和password变量中。在submitForm方法中，你可以处理表单提交的逻辑，比如验证用户输入、发送请求等操作