如何强制数字输入框使用英文格式？当前显示阿拉伯格式

以下是当前使用的数字输入框HTML代码：

<input type="number" step="0.01" min="0" name="weight" id="weight" value="" class="form-control" placeholder="weight ( kg )">

当前输入框显示效果：

问题：当前该数字输入框始终显示阿拉伯格式，请问是否有办法强制其使用英文格式？

• 设置输入框的lang属性：直接给input元素添加lang="en"，指定浏览器使用英文区域规则渲染输入内容，这是最直接的方式：

  <input type="number" step="0.01" min="0" name="weight" id="weight" value="" class="form-control" placeholder="weight ( kg )" lang="en">
  

• JavaScript格式化输入值：如果lang属性不生效，可通过监听输入事件，将阿拉伯数字字符转换为英文数字，并确保小数点为英文句点：

  const weightInput = document.getElementById('weight');
  weightInput.addEventListener('input', function(e) {
    // 替换阿拉伯数字为英文数字
    const englishNum = e.target.value.replace(/[\u0660-\u0669]/g, d => String.fromCharCode(d.charCodeAt(0) - 0x0660));
    // 替换阿拉伯小数点为英文句点
    e.target.value = englishNum.replace(/[،]/g, '.');
  });
  

• 全局设置页面语言：在页面根标签<html>上添加lang="en"，统一页面的语言区域设置，也会影响输入框的显示：

  <html lang="en">
  <!-- 页面其他内容 -->
  </html>
  

内容的提问来源于stack exchange，提问作者Mo Nabil