JQuery隐藏输入框但不输入'；s值

我有密码：

HTML:

 <input type="submit" value="Show/Hide Box" id="sub" />
                    <input type="text" id="text" value="Keep Me" />

---

我想在每次单击submit按钮时显示和隐藏输入框，但始终显示输入值。我认为

replaceWith（）

可能会起作用，但我不确定如何将我现在拥有的东西与它结合起来。无论如何，如果有更好的解决方案，就把它放在那里

我猜你的意思是在提交时禁用文本字段

$('input[type=submit]').on('click',function (){
   $('input[type=text]').attr('disabled','disabled');
});

现场演示：

 $(document).ready(function(){
    $("#sub").click(function(){
       $("#text").toggle();
  });
});

---

快乐编码：）

您可以将文本框值放入span或任何其他元素中，只需切换其显示即可

 $(document).ready(function () {
     $("#txt").hide()
     $("#sub").click(function () {
         $("#text").toggle();
         $("#txt").html($("#text").val());
         $('#txt').toggle();
     });
 });

---

最好的解决方案之一是使用一个div来显示文本和值输入

<div class="display-text"></div>
<div class="input-text"><input type="text" name="message" class="message" /></div>
<input type="submit" name="postme" id="sub" />

---

属性名已禁用，第二个参数应为布尔值。欢迎使用。你为什么改变方法？对于修改属性，应（正确地）使用

prop

方法。@undefined:但

.attr（）

也会起作用，请选中此处，就像这样，为什么要显示/隐藏输入框而不是其值？你不能只使用readonly属性吗？非常好，谢谢。快速提问：如何在默认情况下让文本在没有输入框的情况下显示。快速回答，将文本放入span，默认情况下不要隐藏它

<style>
.display-text { display:none; }
</style>

$(document).ready(function(){
    $("#sub").click(function(){ /// onblur of 
        $(".display-text").html($(".message").val()); /// add text to div
        $(".input-text").toggle(); /// hide your input
        $(".display-text").toggle(); /// show text
    });
});