如何使用隱藏的輸入框進行輸入？

Question

我試圖在按下button時進行input ，也就是說，如果按下button它應該將自己聚焦於input框。 但是我不希望實際輸入顯示在屏幕上，而是實際input框。 到目前為止，我已經嘗試了以下代碼：

$(document).ready(function() {
  let Button = document.createElement('button');
  let TxtB = document.createTextNode('Button');
  let Btn = document.createElement('button');
  let TxtAdd = document.createTextNode('Btn');
  let Input = document.createElement('Input');
  $(Button).append(TxtB);
  $(Btn).append(TxtAdd);
  $(Input).attr('type', 'hidden');
  $(Button).bind("click", function() {
    Input.focus();
  })
  $(Btn).bind("click", function() {
    console.log(Input.value);
  })
  $(document.body).append(Button);
  $(document.body).append(Input);
  $(document.body).append(Btn);
})

無論我輸入什么，此代碼都會給出一個null值。

Answer 1

我認為您想顯示輸入控件，但隱藏它包含的值。 如果是這種情況，請嘗試：

$(Input).attr('type', 'password');

代替 ：

 $(Input).attr('type', 'hidden');