Javascript 创建一个类似堆栈溢出的窗体_Javascript_Forms_Input

Javascript 创建一个类似堆栈溢出的窗体

javascript forms input

Javascript 创建一个类似堆栈溢出的窗体,javascript,forms,input,Javascript,Forms,Input,我试图创建一个表单，将输入直接打印在它下面，就像这里写问题时的堆栈溢出一样。然而，由于我是Javascript之类的新手，我不知道如何搜索正确的函数（我不知道这种技术的正确名称）只要朝着正确的方向推动一下，就会有很大的帮助！谢谢 <!doctype html> <html> <head> </head> <body> <script> function myFunct

我试图创建一个表单，将输入直接打印在它下面，就像这里写问题时的堆栈溢出一样。然而，由于我是Javascript之类的新手，我不知道如何搜索正确的函数（我不知道这种技术的正确名称）

只要朝着正确的方向推动一下，就会有很大的帮助！谢谢

<!doctype html>
<html>
    <head>
    </head>
    <body>
        <script>
        function myFunction()
        {
            var input = document.getElementById('fname')
            var div = document.getElementById('text');
            div.innerHTML = escape(input.value);
        }
        </script>
        <input type="text" id="fname" onkeyup="myFunction()">
        <div id="text"></div>
    </body>
</html>


函数myFunction（）
{
var input=document.getElementById（'fname'））
var div=document.getElementById（'text'）；
div.innerHTML=escape（input.value）；
}

Javascript只需纯文本即可，但是，此处的表单解析文本并使用标记以正确的格式输出。也许您可以搜索JS标记编辑器，但我认为S.O.有自己制作的编辑器。哦，它不一定是标记编辑器，这只是纯文本，我认为这是一个很好的例子，因为这里的每个人都使用过它。如果你能为我指出正确的方向@Mike，那就太好了！见下面我的答案。这应该能奏效。这很好也很简单，但如果你需要我解释什么，就在下面评论一下。这很有意义。我会读Javascript，只是还不知道如何编写它。您在之前的评论中链接到的问题被窃听了，因为我的名字像Rorobrobrobbert，即使输入字段是Robbert。但这是有效的！再次感谢！你都试过了吗？如果不是，你应该这样做，这很好，希望能对你有很大帮助。请注意本示例中明显存在的HTML注入漏洞：）它将脱机，只是同事创建HTML表的工具，而无需她学习如何手工创建。但是谢谢你的提醒@AKX@Mike我完成了Codecademy的Javascript课程，但不记得我的作业是这样的。