输入字段消失，输入文本保留

Question

Example of what I want

不好意思。

• 我希望输入字段在输入后消失。 （如示例中的“ 3”。）
• 如果要编辑输入，我希望输入字段返回。

我已经在网上查询了如何执行此操作以及如何解决它，但是我没有得到任何有用的信息。

我已经尝试过类似的事情（旧的，无关的代码，这只是我尝试做的一个示例）：

function addButtonActions() {
    questionsButton.addEventListener("click", function () {
        var page = document.getElementById('page-questions');
        hideAllPages();

        page.style.display = 'block';
});

function hideAllPages() {
    var startPage = document.getElementById('page-start');
    var questionsPage = document.getElementById('page-questions');
    var scorePage = document.getElementById('page-score');

    startPage.style.display = 'none';   
    questionsPage.style.display = 'none';
    scorePage.style.display = 'none';
}

但是它似乎不适用于输入字段。我不使用<form></form>，因为这似乎总是给我带来错误。我认为<form></form>之类的内容无论如何也无济于事。

Answer 1

首先：Example of using FORM

您的问题出在JavaScript中。您的隐藏皮革，然后在其后面调用取消隐藏的BLOCK。

hideAllPages();
page.style.display = 'block';