input maxlength不起作用

可能是以下原因导致：

1.浏览器不支持maxlength属性。

2.代码中有其他的JavaScript代码或插件与maxlength属性冲突。

3.输入框的type属性不是text或password。

4.输入框的maxlength属性值设置错误。

解决方法：

1.检查浏览器是否支持maxlength属性。

2.检查代码中是否有其他的JavaScript代码或插件与maxlength属性冲突。

3.确保输入框的type属性是text或password。

4.检查输入框的maxlength属性值是否设置正确。

相关问题

el-input maxlength不生效

如果你使用的是 Element UI 的 el-input 组件，它提供了 maxlength 属性用于限制输入的最大长度，但是有时候可能会出现不生效的情况。这可能是因为你的 el-input 组件被包裹在一个 el-form 组件中，el-form 组件也有一个 maxlength 属性，会覆盖 el-input 的 maxlength 属性。

解决方法有两种：

1. 将 el-input 组件放在 el-form 组件外面，这样 el-input 的 maxlength 属性就不会被覆盖。

2. 在 el-input 组件上加一个 clearable 属性，这个属性会使 el-input 组件在输入框中出现一个清空按钮，但是同时也会使 el-input 组件不受 el-form 的 maxlength 属性影响。例如：

<el-form>
  <el-form-item label="输入框">
    <el-input v-model="inputValue" clearable :maxlength="10"></el-input>
  </el-form-item>
</el-form>

以上是两种常见的解决方法，如果还没有解决你的问题，建议检查一下是否有其他地方影响了 el-input 的 maxlength 属性。

vue input maxlength

在 Vue 中，你可以通过设置 `maxlength` 属性来限制输入框的最大字符数。例如，如果你想要限制一个输入框的最大字符数为 10，你可以这样写：

<template>
  <input type="text" v-model="inputValue" maxlength="10">
</template>

<script>
export default {
  data() {
    return {
      inputValue: ''
    }
  }
}
</script>

这样设置之后，当用户输入的字符数超过了 10 个字符时，输入框就不再接受输入。同时，你也可以在 JavaScript 中通过获取输入框的值的 length 属性来动态计算输入框中已输入的字符数，从而进行相关的操作。