Skip to main content
CSS-Tricks
  • Articles
  • Notes
  • Links
  • Guides
  • Almanac
  • Picks
  • Shuffle
Search

Articles Tagged
textarea

5 Articles
{
,

}
Image
Direct link to the article Creating an Editable Textarea That Supports Syntax-Highlighted Code
forms pre syntax textarea

Creating an Editable Textarea That Supports Syntax-Highlighted Code

When I was working on a project that needed an editor component for source code, I really wanted a way to have that editor highlight the syntax that is typed. There are projects like this, like CodeMirror, Ace, …

Image
Oliver Geer on Apr 16, 2021 Updated on Jan 13, 2025
Image
Direct link to the article The Cleanest Trick for Autogrowing Textareas
grid textarea

The Cleanest Trick for Autogrowing Textareas

Earlier this year I wrote a bit about autogrowing textareas and inputs. The idea was to make a <textarea> more like a <div> so it expands in height as much as it needs to in order to contain the …

Image
Chris Coyier on Nov 11, 2020
Image
Direct link to the article “resize: none;” on textareas is bad UX
resize textarea ux

“resize: none;” on textareas is bad UX

Catalin Rosu:

Sometimes you need to type a long reply that consists of many paragraphs and wrapping that text within a tiny textarea box makes it hard to understand and to follow as you type. There were many times

…
Image
Chris Coyier on Jan 30, 2020
Image
Direct link to the article resize
resize textarea

resize

The resize property controls if and how an element can be resized by the user by clicking and dragging the bottom right corner of the element.

.module {
  resize: both;
}

Super important to know: resize does nothing unless the …

Image
Sara Cope on Sep 6, 2011 Updated on Jan 27, 2025
Image
Direct link to the article Textarea Tricks
resize textarea

Textarea Tricks

Oh, <textarea></textarea>‘s. How many quirks you posses. Here is a collection of nine things you might want to do related to textareas. Enjoy.…

Image
Chris Coyier on Jul 16, 2010 Updated on Dec 10, 2018

CSS-Tricks is powered by DigitalOcean.

Keep up to date on web dev

with our hand-crafted newsletter

DigitalOcean
  • About DO
  • Cloudways
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Contact
  • Write for CSS-Tricks!
  • Advertise with us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • Bluesky
Back to Top
Advertisement