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

#javascript #jquery #html

#javascript #jquery #HTML

Вопрос:

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

 Placeholder "input string" placeholder
  

Я хотел бы изменить поле так, чтобы:

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

Возможно ли это?

Ответ №1:

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

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

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