uniapp表单性别怎么写
时间: 2023-12-23 18:04:35 浏览: 29
在UniApp中,表单性别可以使用单选框(radio)或下拉选择框(select)来实现。以下是两种常见的写法:
1. 使用单选框(radio):
```html
<template>
<div>
<label>性别:</label>
<input type="radio" name="gender" value="male">男
<input type="radio" name="gender" value="female">女
</div>
</template>
```
在这个例子中,使用了两个单选框,分别表示男性和女性。它们的name属性设置为相同的值,这样它们就会成为一组单选框,用户只能选择其中一个选项。
2. 使用下拉选择框(select):
```html
<template>
<div>
<label>性别:</label>
<select v-model="gender">
<option value="male">男</option>
<option value="female">女</option>
</select>
</div>
</template>
<script>
export default {
data() {
return {
gender: '' // 用于存储选择的性别
}
}
}
</script>
```
在这个例子中,使用了一个下拉选择框,用户可以从选项中选择性别。通过v-model指令,将选择的值绑定到data中的gender变量上。
以上是两种常见的实现方式,你可以根据自己的需求选择其中一种来实现表单性别的选择。