Javascript 以'形式分隔占位符文本；中间输入字符串的S输入字段

我在Rails应用程序中有一个带有占位符的表单字段。我想在关注表单时分割占位符，以便表单的实际输入位于两者之间。例如，占位符如下所示：

Placeholder "input string" placeholder

我想打造这个领域，以便：

单击它会将光标放置在占位符之间的“输入”处

输入的任何文本不会溢出占位符的其余部分

---

这有可能吗？

您是否考虑过以下情况：

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

占位符
占位符

与CSS结合，使输入与周围的文本流动？不需要javascript，在任何地方都可以使用