Как сверстать textarea с подчеркиванием каждой строки?

Question

[Evgeny Fatzilla]

Приветствую.

Каким образом можно сверстать textarea, чтобы строки были подчеркнуты следующим образом?


Высота поля ресайзится, если что (не фиксированная).

Заранее спасибо.

Comments

[Evgeny Fatzilla]

Пока что придумал разве что одну строку добавить background-ом и repeat-ом ее по вертикали.

Answer 1

[riot26]

line25.com/tutorials/how-to-build-a-handwritten-le...

Comments

[Evgeny Fatzilla]

Да,самый подходящий способ, скорее всего)

Answer 2

[Андрей Хохлов]

Не надо это делать целиком textarea, имя-телефон-email должны быть отдельными полями.

Точки-строчки - сделать бэкграундом, подогнав под высоту строки.

Лейбл "Сообщение" и отступ - сложнее.
На вскидку: я бы прилепил его поверх текстового поля + добавил бы пробелов, чтобы текст не попадал под лейбл.
Соответственно с помощью js не даем эти пробелы из поля убрать.