Как делают такую textarea (через несколько инпутов)?

Question

[Heorhii]

Всем привет
Есть у кого-нибудь идеи как такое сделать?
Вместо textarea по всей видимости input'ы, но каким образом к концу строки текст переходит на следующую строку?
Это вообще законно?

Comments

[Rsa97]

И что мы должны понять по этой картинке? Такую и в паинте можно нарисовать.

[Антон Литвиненко]

а кто так делает? никто так не делает. Картинкой под текстареа разве что

Answer 1

[Виталий Першин]

Думаю что-то вроде этого:

Comments

[Heorhii]

а как сделать например чтобы 2 строка начиналась на месте 3?
с такими адскими отступами

[Виталий Першин]

Heorhii, Не понял

[Heorhii]

Виталий, если взять нынешние 3 строки, то 2 лишняя, расстояние как между 1 и 3-й линиями

[Виталий Першин]

Heorhii, Ну это просто пример, того как можно сделать. При помощи line-height мы определяем расстояние между строками, а background-image: linear-gradient рисуем линии. Линии можно вообще наложить дивами сверху поля или под ним..

[Heorhii]

Виталий, кстати сделал как хотел, но через увлечение бег-сайз до 160 160, и теперь линии потолстели :(

[Виталий Першин]

Heorhii,

background-image: linear-gradient(
		0deg,
		#b2a2cd 1%,
		transparent 1%,
		transparent 50%,
		#b2a2cd 50%,
		#b2a2cd 51%,
		transparent 51%,
		transparent 100%
	);
	background-size: 160px 160px;

[Heorhii]

Виталий, вау, то что нужно, спасибо большое!

Answer 2

[Евгений]

Обычный textarea с фоном из повторяющихся линий

Answer 3

[Steppp]

Лови с input! Конечно там до работать чуть надо!