在表单的输入字段中单独占位符文本,中间是输入字符串

时间:2011-11-04 00:09:58

标签: javascript jquery html5

我的Rails应用中有一个带有占位符的表单字段。当您专注于表单时,我想分割占位符,以便表单的实际输入位于它之间。例如,占位符就像:

Placeholder "input string" placeholder

我想把这个领域塑造成:

  1. 点击它会将光标放在"输入"占位符之间。
  2. 输入的任何文本都不会溢出占位符的其余部分。
  3. 这可能吗?

1 个答案:

答案 0 :(得分:2)

您是否考虑过以下内容:

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

结合CSS使输入流与周围的文本?需要零javascript并且无处不在。