<input type="number" class="inpu" name="tel" id="tel" onchange="on_change(this.value)" placeholder="请输入手机号码(必填)"> 如何设置限制输入11位

你可以使用HTML5中的maxlength属性来限制输入框中的字符数。将maxlength属性设置为11将限制输入框中的字符数为11，如下所示：

<input type="number" class="inpu" name="tel" id="tel" onchange="on_change(this.value)" placeholder="请输入手机号码(必填)" maxlength="11">

请注意，maxlength属性仅适用于文本输入框和文本区域，而不适用于数字输入框。如果要在数字输入框中设置最大值，请使用max属性。

相关问题

<label for="number1">操作数1：</label><input type="text" id="number1"><br><label for="number2">操作数2：</label><input type="text" id="number2"><br><label for="operator">运算符：</label><select id="operator"> <option value="+">+</option> <option value="-">-</option> <option value="*">*</option> <option value="/">/</option></select><br><button onclick="calculate()">计算</button><br><label for="result">计算结果：</label><span id="result"></span>把这段代码换成inpu类型

这段代码中有多个元素，需要分别替换。以下是替换后的代码：

<label for="number1">操作数1：</label><input type="text" id="number1"><br>
<label for="number2">操作数2：</label><input type="text" id="number2"><br>
<label for="operator">运算符：</label>
<input list="operators" id="operator">
<datalist id="operators">
  <option value="+">
  <option value="-">
  <option value="*">
  <option value="/">
</datalist>
<br>
<button onclick="calculate()">计算</button><br>
<label for="result">计算结果：</label><span id="result"></span>

其中，运算符这一行使用了 datalist 标签，将选项列表嵌入到输入框中，实现了类似 select 标签的效果。

注意，以上代码只是将 HTML 代码替换为了 input 类型，如果需要使其正常运行，还需要对 JavaScript 代码进行修改。

vue中使用placeholder动态绑定值，并且获取inpu框中输入的值

使用Vue中的v-bind指令可以动态绑定placeholder值，使用v-model指令可以获取input框中输入的值。具体实现方式示例如下：

<template>
  <div>
    <input type="text" v-bind:placeholder="placeholderValue" v-model="inputValue" />
  </div>
</template>

<script>
export default {
  data() {
    return {
      placeholderValue: '请输入搜索内容',
      inputValue: '',
    };
  },
};
</script>

在上述代码中，我们将placeholderValue和inputValue分别绑定到input框的placeholder和value属性上，当我们更新placeholderValue和inputValue的值时，input框中的值也会相应地更新。