In this Quick Tip, we’re going to learn about the multiline input element, which is similar to the input element, but enables your users to type text on several lines instead of just one.

This is the element you would use if you had your user submitting descriptions, messages, or anything that is longer text. To do this, we draw the multiline input onto the page and check out its property editor.

First, we can define a Placeholder to display text when the input is empty, as well as an Initial content. The Initial content is specifically for when your multiline input is already expecting data. For example, if a user wanted to change their About text, we may show the Current User's About text here as Initial content, so they know what they’re editing.

When we preview this, we can see the element already has the Initial content that contains our Current User's About text. We can continue to add to this or delete it and see our Placeholder text. We can also Limit the number of characters that the user can type into this element or have the element resize if the text becomes too long to fit. Checking this will assure it adjusts automatically.

Experiment more by adding your own multiline input to your app.

That's it for this Quick Tip! For more, be sure to check out bubble.io/academy.