Lined <textarea>

https://stackoverflow.com/questions/9468153/textarea-with-horizontal-rule/9468502#9468502

HTML

<textarea class="notes"></textarea>

CSS

.notes {
  background-attachment: local;
  background-image:
    repeating-linear-gradient(white, white 30px, #ccc 30px, #ccc 31px, white 31px);
  line-height: 31px;
  padding: 8px 10px;
}