如何创建文本输入字段

Question

如何创建一个文本输入字段，该输入字段将输入的字符显示在另一个地方，逐个字符地显示为它们的最简单类型！

Answer 1

您可以先查看本网站中编辑字段的源代码。 预览会在您输入时更新。

Answer 2

事情是这样的：

<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>