The correct HTML for making a text area element is just to use the HTML textarea tag.
<textarea>This is some text in the textarea element.</textarea>
Let’s take a look at the text area element in a form.
Let’s say I have the following HTML form:
<form> <label for="description">Description:</label> <textarea id="description" name="description"></textarea> <button type="submit" value="Submit">Submit</button> </form>
As you can see in the code above, we have a simple text area element in our form. We usually want a label to go with the text area element to help describe what the user should input into the textarea. In the example above, we would expect the user to write a description about themselves.
Let’s take a look at a quick text area example below.
Example of the Correct HTML for a Text Area Element in a Form
In this simple example, we will just have a standard HTML form. We will provide the HTML code for it and let the user enter a name and description, and submit the form. The form will not have any backend connected to it, so when you submit the form, it should just refresh the page and put the variables you entered in the url.
<form> <label for="fname">What is Your Name?</label> <input type="text" id="fname" name="fname"> <label for="description">Description:</label> <textarea id="description" name="description" placeholder="Give us a quick introduction of yourself"></textarea> <button type="submit" value="Submit">Submit</button> </form>
And finally, here is the above code in action for you to try out.
Hopefully this article has been useful for you to understand what the correct HTML for making a text area element is.