Как я могу сделать поле для ввода текста

Вы можете начать с просмотра исходного кода полей редактирования на этом сайте. Предварительный просмотр обновляется по мере ввода.

Что-то вроде этого:

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