How to Create a Multi-line Textbox in HTML
Table of Contents
We know that we can create input types that allow single lines of text input, but sometimes we want to allow multiple lines of text input.
Thankfully, the web already has a built-in way to create multi-line text input fields.
In this post, we'll learn how to create a multi-line text input field in HTML.
How to create multi-line text boxes in HTML
To create a multi-line text input field in HTML, we need to use the <textarea>
tag.
This tag will create a box that allows multiple lines of text input, as desired:
HTML<textarea></textarea>
- HTML
You can adjust how many columns and rows are allowed in this box by applying the cols
and rows
attributes to the <textarea>
tag.
HTML<textarea cols="30" rows="10"></textarea>
- HTML
Now, this textarea supports 30 columns and 10 rows.
Conclusion
In this post, we learned how to create a multi-line text input field in HTML.
Simply use the <textarea>
tag and optionally apply cols
and rows
attributes to it to control the number of columns and rows allowed in the textarea.
Thanks for reading!
- How to Install Node on Windows, macOS and Linux
- Getting Started with Svelte
- Getting Started with Express
- Getting Started with Electron
- How to deploy a .NET app using Docker
- Best Visual Studio Code Extensions for 2022
- How to deploy a PHP app using Docker
- Learn how to use v-model with a custom Vue component
- How to Scrape the Web using Node.js and Puppeteer
- Getting User Location using JavaScript's Geolocation API
- Using Axios to Pull Data from a REST API
- How To Create a Modal Popup Box with CSS and JavaScript