使用正则表达式，超出的内容自动为空

可以使用正则表达式和 JavaScript 来实现，监听 input 输入框的 `input` 事件，在事件处理函数中使用正则表达式匹配输入的内容，如果不符合要求则将超出的内容自动截取掉。

示例代码如下：

<input type="text" id="myInput" maxlength="3">

<script>
const inputEl = document.getElementById('myInput');
inputEl.addEventListener('input', function() {
  const inputValue = inputEl.value;
  const regex = /^\d{0,3}$/;
  const matchResult = inputValue.match(regex);
  if (matchResult) {
    inputEl.value = matchResult[0];
  } else {
    inputEl.value = '';
  }
});
</script>

其中，`/^\d{0,3}$/` 表示开头和结尾必须匹配，且只能输入最多三个数字。`{0,3}` 表示重复 0 到 3 次，这样可以使用户在输入过程中超出三位时自动截取掉。`matchResult[0]` 表示匹配到的第一个结果，如果没有匹配到则将 input 的 value 属性设置为空字符串。