Соединение двух input-ов в одно. Возможно ли?

[scarzie]

Здравствуйте. Дизайн заставляет сделать нечто такое:

 

 

Первая строка - понятно, делаем input, и просто забираем все border-ы кроме нижнего. А что можно сделать с нижними строками (input) в которые также нужно вписывать текст? Как их можно соединить?

Единственный возможный вариант который я вижу, это писать не простой js, который заставит перепрыгивать с input-а на input при написании/удалении текста. Но это ппц сколько работы.

Не подскажите что можно сделать? Может кто-то подобное уже реализовывал?

 

Спасибо.

 

[swandev]

Может обычный textarea с бекграундом?

[scarzie]

Я тоже так думал, но как тогда поступить с первой строкой (введите заметку)?

[swandev]

Я тоже так думал, но как тогда поступить с первой строкой (введите заметку)?

Как-то так

 

http://jsbin.com/keqoquwe/7/edit

Edited June 16, 2014 by ALEEX SWN

[scarzie]

text-indent? а я как то и забыл про него. Точнее он у меня как-то ну совсем не ассоциировался с textarea)

 

ALEEX SWN, это гениально!!! Большущее Вам спасибо 

[scarzie]

Оказалось есть одна проблема: text-indent для textarea в браузере Opera - не работает

[Great Rash]

Браузером Opera 12 пользуются только неадекваты, которых от силы 5% наберётся. Можете смело на них забивать.

[swandev]

Браузером Opera 12 пользуются только неадекваты, которых от силы 5% наберётся. Можете смело на них забивать.

Поддерживаю.

У меня уже давно клиенты не просят его поддерживать