Skip to main content
CSS-Tricks
  • Articles
  • Alamanac
  • Guides
  • Videos
  • Books
  • Newsletter
Search

Articles Tagged
textarea

5 Articles
{
,

}
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, …

Avatar of Oliver Geer
Oliver Geer on Apr 16, 2021 (Updated on Nov 16, 2021)
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 …

Avatar of Chris Coyier
Chris Coyier on Nov 11, 2020
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

…
Avatar of Chris Coyier
Chris Coyier on Jan 30, 2020
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 …

Avatar of Sara Cope
Sara Cope on Sep 6, 2011 (Updated on Jan 31, 2019)
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.…

Avatar of Chris Coyier
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 hosting
  • Legal stuff
  • Get free credit!
CSS-Tricks
  • Write for us!
  • Advertise with us
  • Contact us
Social
  • RSS Feeds
  • CodePen
  • Mastodon
  • X
Back to Top