在表單的輸入字段中單獨占位符文本，中間是輸入字符串

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並且無處不在。