HTML - What is the element to display the text?

I am running a small chat application where I receive messages from the server that I would like to show to the user. Since I am more of a backend guy and lack experience in interface design, I don't know which element is best for displaying text.

I get two options:

  • Using a simple div

  • Using textarea

    (as far as I understand this is for input).

(It would also be nice if I could somehow disappear into the text using JQuery).


source to share

3 answers

  • For readonly messages, it is better to use <div>

  • otherwise use <textarea>

    \ textbox ( <input type="text"...>


Fading is simple if the id of the element is foo






Use a tag for content and with Jquery you can add a range or a new paragraph tag for every new post:

<div id="chatContent">



Then in JQuery you can do:

function chatMessageRecieved(message) {
   $("#chatContent").append("<p> " + messsage + "</p>")




You have to use div, textarea is efficient for input

For jquery:


$('#div').fadeTo('slow', 1);




All Articles