如何創建文本輸入字段

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>