A Pen by Secret Sam.

An-Anonymous-Pen.markdown

An Anonymous Pen

Just an example of how to do multiple line placeholder text --webkit only

EDIT all credit for this idea should go to the creator and not me. Below is the the link to the post that inspired me to create this pen in order to fully understand the concept.

http://stackoverflow.com/questions/7189223/can-you-have-multiline-html5-placeholder-text-in-a-textarea

A Pen by A Non Ymous on CodePen.

License.

index.html

<div>
  <h3>Multiline placeholder text</h3>
  <textarea placeholder="First line"></textarea>
</div>

script.js

$('textarea').on('keyup', function (e) {
  if (e.keyCode === 27) {
    $(this).val('');
  }
});

style.scss

@import "compass";
html, body {
  background-color: #ecf0f1;
}

div {
  width: 300px;
  margin: 0 auto;
}

h3 {
  width: 300px;
  color: #2980b9;
}

textarea {
  width: 300px;
  height: 80px;
  
  &::-webkit-input-placeholder::after {
    display:block;
    content:"Second line \A Third line\A You get the picture...";
  }
}