在窗体的输入字段中输入字符串在中间的独立占位符文本

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和工作无处不在。