input添加和删除disabled属性

要添加 disabled 属性，可以使用以下代码：

document.getElementById("myInput").disabled = true;

这将使具有 ID “myInput” 的输入元素变为禁用状态。

要删除 disabled 属性，可以使用以下代码：

document.getElementById("myInput").disabled = false;

这将使具有 ID “myInput” 的输入元素恢复正常状态。

相关问题

vue disabled属性可以在<span>中使用吗

在HTML中，`disabled`属性通常只能用于表单控件（如`input`、`button`等），因为它们是表单元素。而`<span>`是一个非表单元素，不支持`disabled`属性。所以，在`<span>`中使用`disabled`属性是无效的。

如果你想禁用一个`<span>`元素，可以使用CSS来模拟禁用效果。例如，可以添加一个样式类来使`<span>`元素看起来像是被禁用了：

<template>
  <span :class="{ 'disabled': isDisabled }">{{ spanText }}</span>
</template>

<style>
  .disabled {
    color: gray;
    cursor: not-allowed;
  }
</style>

在上述示例中，我们使用了一个样式类`disabled`来模拟禁用效果。通过在`<span>`元素上绑定`isDisabled`变量，我们可以根据需要添加或删除这个样式类。这样，当`isDisabled`为`true`时，`<span>`元素会显示为灰色，鼠标指针也会变成“禁用”样式。

vue 动态添加表单和删除表单表单里面有很多禁止以及上传文件

Vue动态添加表单和删除表单非常简单，可以使用v-for指令和数组来实现。

首先，我们可以使用一个数组来存储表单的数据和状态。例如，定义一个data属性formData，其初始值为一个包含一个空对象的数组。

data() {
  return {
    formData: [
      {}
    ]
  }
}

接下来，在要添加表单的地方使用v-for指令循环渲染表单。我们可以使用一个按钮来触发添加新的表单项，每次点击按钮都会在formData数组中添加一个空对象，从而实现动态添加表单。

<template>
  <div>
    <div v-for="(data, index) in formData" :key="index">
      <!-- 表单内容 -->
    </div>
    <button @click="addForm">添加表单</button>
  </div>
</template>

methods: {
  addForm() {
    this.formData.push({})
  }
}

然后，我们可以给每个表单项添加删除功能。添加一个删除按钮，并使用v-on指令绑定方法。当点击删除按钮时，通过splice方法从数组中移除对应的表单项，从而实现动态删除表单。

<template>
  <div>
    <div v-for="(data, index) in formData" :key="index">
      <!-- 表单内容 -->
      <button @click="deleteForm(index)">删除</button>
    </div>
    <button @click="addForm">添加表单</button>
  </div>
</template>

methods: {
  addForm() {
    this.formData.push({})
  },
  deleteForm(index) {
    this.formData.splice(index, 1)
  }
}

至于禁止和上传文件的功能，可以在表单项中添加对应的表单控件和属性来实现。比如，使用input元素的disabled属性来禁用某个输入框，使用input元素的type属性为"file"来实现文件上传功能。

同时，你可以通过v-model指令绑定表单控件的值，从而实现表单数据的双向绑定。

总结一下，使用Vue动态添加和删除表单非常方便。通过使用v-for指令和数组，配合相关的方法和表单控件属性，可以快速实现这样的功能。