I'd like to create a textarea such that when one textarea is complete, another identically-sized text area magically appears and floats to the right. The new "spill over" text would now be here.

Another way to explain what I'm looking for is this: Open up MS Word, and view the screen at 25%. Now keep on typing or keep adding text. Notice that when the words start "spilling over", a new sheet of paper (i.e. textarea) appears? This is what I'm interested in doing, but with HTML and/or CSS.

So far, here is my source code. It's very basic for now.

HTML SOURCE CODE:

<!doctype html>
<html lang="en">
<head>
    <link rel="stylesheet" href="theTextArea.css">
</head>
<body>
  <textarea id="theTextArea" spellcheck='false' cols="185" rows="33" >

This is what I'm interested in doing, but with HTML and/or CSS.

I don't think you'll get this working without using Javascript.

Be a part of the DaniWeb community

We're a friendly, industry-focused community of developers, IT pros, digital marketers, and technology enthusiasts meeting, networking, learning, and sharing knowledge.