Jquery 如何创建一个弹出表单，允许用户输入要保存在表行中的详细信息

我如何让用户能够单击“添加”按钮，然后会显示一个弹出表单，允许用户输入详细信息和注释。输入这些详细信息后，他们可以保存将添加到页面上可见的表中的更改，该表的行中的列标题与输入的详细信息相同。我是一个完全的业余开发者，所以不知道从哪里开始。任何帮助都将不胜感激。

我为您举了一个简单的例子。它应该足够简单，您可以根据需要以任何方式进行更改：

//使窗体成为模式对话框并创建按钮
$（'#emailModal'）。对话框({
莫代尔：是的，
自动打开：错误，
标题：“输入您的信息”，
按钮：{
“发送”：函数（）{
如果（$（'#emailPost2'）。提交（）
{
$（“.appendEmail”）.append（“+$（.email”）.val（）+”）；
$（此）.dialog（“关闭”）；
}
}
}
});

点击此链接，我认为它符合您的期望。这太完美了，非常感谢！然后你可以将我的评论标记为有用。是否有任何方法可以编辑此链接中的代码，以更改为我希望的详细信息。源代码在很多代码中都很混乱

// Make the form a modal dialog and create a button
$('#emailModal').dialog({
    modal: true,
    autoOpen: false,
    title: "Enter your information",
    buttons: {
        "Send": function() {

            if ($('#emailPost2').submit())
            {
                $(".appendEmail").append("<tr><td>" + $(".email").val() + "</td></tr>");
                $(this).dialog("close");
            }

        }
    }
});