html input 数组
时间: 2023-10-24 19:07:52 浏览: 44
HTML中的input元素可以通过使用name属性来创建一个数组。
例如,如果您有多个checkbox或radio按钮,您可以使用相同的名称来创建一个数组,如下所示:
```
<input type="checkbox" name="fruits[]" value="apple"> Apple
<input type="checkbox" name="fruits[]" value="banana"> Banana
<input type="checkbox" name="fruits[]" value="orange"> Orange
```
当用户选择多个选项时,将会创建一个名为“fruits[]”的数组,其中包含用户选择的每个水果的值。
在PHP中,您可以使用$_POST['fruits']来访问此数组,并使用foreach循环遍历用户选择的每个水果。
注意:在HTML5中,使用[]作为名称后缀将自动创建一个数组。因此,上面的示例也可以写成:
```
<input type="checkbox" name="fruits[]" value="apple"> Apple
<input type="checkbox" name="fruits[]" value="banana"> Banana
<input type="checkbox" name="fruits[]" value="orange"> Orange
```
相关问题
el-input数组输入
对于el-input组件,如果想要实现数组输入,你可以使用v-for指令来循环渲染多个input框,并将每个input的值绑定到一个数组中。
下面是一个示例的代码片段:
```html
<template>
<div>
<div v-for="(item, index) in inputArray" :key="index">
<el-input v-model="inputArray[index]"></el-input>
</div>
<el-button @click="addInput">添加输入框</el-button>
</div>
</template>
<script>
export default {
data() {
return {
inputArray: [], // 存储输入框的值的数组
};
},
methods: {
addInput() {
this.inputArray.push(''); // 在数组末尾添加一个空字符串,作为新的输入框
},
},
};
</script>
```
在上述示例中,我们使用v-for指令循环渲染了多个el-input组件,并将每个输入框的值绑定到`inputArray`数组中的相应索引位置。通过点击"添加输入框"按钮,你可以动态地增加更多的输入框。这样,你就可以在数组中保存多个输入框的值了。
el-input绑定数组
el-input绑定数组的方法如下所示:
1. 首先,在Vue的data中定义一个空数组,用于存放绑定的值:
```javascript
data() {
return {
inputData: []
}
}
```
2. 然后,使用v-for指令遍历数组,并将每个输入框的v-model与数组的特定项进行绑定:
```html
<template>
<div>
<el-input v-for="(item, index) in inputData" :key="index" v-model="item"></el-input>
</div>
</template>
```
这样,当用户在输入框中输入内容时,对应的数组项的值也会随之改变。