那我們最重要的聊天室部分完成了
最後頁面部分就剩下最底部的輸入區~
那麼首先一樣先將需要的物件一一列出，
首先是輸入訊息的方格，
再來還有輸入訊息的按鍵。

<div class="chat_input"> -->
    <input id="testInput" class="sendMsg" type="text" value="" placeholder="請輸入訊息" required autocomplete="off">
    <input class="myIcon2" type="image" img src="img/output.png" onClick="myFun()">
</div>

輸入訊息的方格是用type text，
那因為預設上會有將輸入的文字儲存並列在下方，
所以設置required autocomplete="off"，
在點擊輸入訊息的方格時就不會再列出曾打過的文字。
再來是輸入訊息的按鍵，
可以看到後面多了一個onClick="myFun()"，
因為HTML是標記語言，
所以在設計畫面及應用上都需要配合CSS跟JavaScript一起，
所以之後功能上會再設計完HTML及CSS後做說明。
那今天的輸入區上的HTML部分就到這，
明天就來將CSS部分處理好。