1、單行文字框：

<input type="text" style="height:20px;width:100px;" />

2、多行文字框（文字域）：

<textarea style="width:300px;height:100px;"></textarea>

textarea 標籤

       代表HTML表單多行輸入域

       textarea標籤是成對出現的,以<textarea>開始,以</textarea>結束

屬性

3、<div>

標籤實現多行文字欄

<textarea id="test1" style="width:300px; height: 200px;border: 1px #ccc solid; resize:none;"></textarea>

<div id="test2" style="width:300px; height: 200px;border: 1px #ccc solid; overflow-y: scroll;float: left;"></div>

<input type="button" value="Start" onclick="start();"
 
>
<input type="button" value="Stop" onclick="stop();">

var count = 1000;

function start(){
    $("#test1").html('');
    $("#test2").html('');
    timeBox = setInterval(function(){
        $("#test1").append('number:['+count+']--->I Love You\n')
        var scrollTop = $("#test1")[0].scrollHeight;
        $("#test1").scrollTop(scrollTop);
        $("#test2").append('number:['+count+']--->I Love You<br/>')
        $("#test2").scrollTop($("#test2")[0].scrollHeight);
        count--;
        if(count == 0){
            clearInterval(timeBox);
            count = 1000;
        }
    },1000);
}

function stop(){
    count = 1000;
    clearInterval(timeBox);
}