如何使用javascript屏蔽HTML输入？

要使用JavaScript屏蔽HTML输入，可以使用以下方法：

使用HTML的<input>标签的type属性设置为password。这将在输入时隐藏文本，并在浏览器中显示黑色圆点或星号。

如果您希望使用JavaScript进一步控制屏蔽过程，可以使用以下代码：

<!DOCTYPE html>
<html>
<head><style>
  .maskedInput {
    display: inline-block;
    background-color: white;
  }
  .maskedInput span {
    display: none;
  }
</style><script>
  function maskInput(inputElement) {
    var maskedInput = inputElement.parentElement;
    var hiddenInput = maskedInput.querySelector('input[type="hidden"]');
    var visibleInput = maskedInput.querySelector('input[type="text"]');
    var maskCharacter = '*';

    visibleInput.value = '';
    hiddenInput.value = '';

    visibleInput.addEventListener('input', function () {
      var maskedValue = '';
      for (var i = 0; i< this.value.length; i++) {
        maskedValue += maskCharacter;
      }
      hiddenInput.value = this.value;
      visibleInput.value = maskedValue;
    });
  }
</script>
</head>
<body>
  <div class="maskedInput">
   <input type="text" onfocus="maskInput(this)" />
   <input type="hidden" />
    <span>已屏蔽输入</span>
  </div>
</body>
</html>

在这个示例中，我们创建了一个名为.maskedInput的CSS类，该类将文本输入框的值替换为星号，并将原始输入值存储在隐藏的输入字段中。当用户单击输入框时，将调用maskInput函数，该函数将为文本输入框添加事件监听器，以便在用户输入时屏蔽输入。

请注意，这个示例仅用于演示目的，实际应用中可能需要进行更多的优化和调整。