Question

我正在用HTML编写HTML表单，要求用户输入他们的名字并显示它。我希望表单和按钮在提交时消失。

<form>
    <br/>What is your name: <input type="text" id="name" />
    <input type="button" value="done" onclick="write_name();" />
</form>
<h4 id=welcome></h4>

脚本如下：

function write_name() {
    var welcome_parra = document.getElementById('welcome');
    var name = document.getElementById('name');

    welcome_parra.innerHTML = "Welcome " + name.value + "!";
}

Answer 1

 Jquery Code 

$(document).ready(function () {

        $("#btn_sbumit").click(function () {
            $(this).next().text($("#name").val());
            $("#name").hide();
            $(this).hide();
        });
    });

HTML代码

<input type="text" id="name" value="" />
<input type="button" id="btn_sbumit" value="Submit" />
<span></span>

单击按钮后，如何使表单框和按钮消失？

1 个答案: