Javascript 单击按钮时如何打开文本框？

我已经创建了一个按钮，当点击它时会打开一个文本框，甚至是一个对话框。一旦用户输入数据，它应该保存并在屏幕上显示数据，而无需重新加载

不知道确切的问题，但编码类似于您的要求

<button type="button" id="btn1" >Button</button>

---

有要共享的代码或html吗？好的，问题是什么，代码在哪里？您的html看起来像什么？您正在使用jQueryUI吗？到目前为止您尝试了什么？没有源代码=没有可调试/使用的内容。很高兴你创建了一个按钮，你的计划看起来很有趣，但是对我们来说没有任何源代码来查看/发现问题是无用的。“我建议只显示与您的问题/问题相关的源代码”有人给我否决某个问题的权利

    $('#btn1').click(function(){
 $('#txtBox').show();
});
$("#txtBox").focusout(function(){
    $('#output').html($("#txtBox").val());
});

$('#btn1').click(function(){
 $('#txtBox').show();
});
$("#txtBox").focusout(function(){
$('#output').text($("#txtBox").val());
 $('#txtBox').hide();   //Use this line if you want to hide the textbox after showing the value 
});

<button type="button" id="btn1" >Button</button>
<input type="text" id="txtBox">
<div id="output"></div>

$('#btn1').click(function(){
 $('#txtBox').show();
});
$("#txtBox").focusout(function(){
$('#output').text($("#txtBox").val());
 $('#txtBox').hide();   //Use this line if you want to hide the textbox after showing the value 
$('#txtBox').val("");
});