Отдельный заполнитель текста в поле ввода формы со строкой ввода в середине

Question

У меня в приложении Rails есть поле формы с заполнителем. Я хотел бы разделить заполнитель, когда вы сфокусировались на форме, чтобы между ними находился фактический ввод формы. Так, например, заполнитель будет выглядеть так:

Placeholder "input string" placeholder

Я бы хотел смоделировать поле так, чтобы:

1. Нажатие на него поместит курсор на «ввод» между заполнителем.
2. Любой введенный текст не переполняет оставшуюся часть заполнителя.

Это возможно?

Answer 1

Рассматривали ли вы что-то вроде:

<label for="foo">Placeholder 
  <input id="foo" name="foo" value="input string"> placeholder</label>

в сочетании с CSS для создания потока ввода с окружающим текстом?Требуется ноль JavaScript и работает везде.