如何使用隐藏的输入框进行输入？

Question

I am trying to take an input when a button is pressed that is if I press a button it should focus itself to the input box. But I don't want that the actual input to be displayed on the screen or rather the actual input box. So far I have tried this code:

$(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);
})

This code gives a null value no matter what I enter.

Answer 1

I think that you want to show the input control but hide the value it contains. if that is the case then try :

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

instead of :

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