如何创建文本输入字段

Question

如何创建一个文本输入字段，它接受输入字符并将其显示在另一个地方，逐个字符作为最适合的类型！

Answer 1

这样的事情：

<input type="text" id="textField" />
<br />
<span id="textOutput"></span>

<script type="text/javascript">

    var input = document.getElementById("textField");
    var output = document.getElementById("textOutput");

    // sorry, it's better to use "onkeyup" event
    // to avoid the problem described in a post below
    input.onkeyup = function(){
        output.innerText = input.value;
    };
</script>

Answer 2

您可以首先查看此站点中编辑字段的源代码。 键入时会更新预览。