在窗體的輸入字段中輸入字符串在中間的獨立佔位符文本

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和工作無處不在。