html - 输入的静态占位符

Question

我不知道这个问题的正确标题是什么。我有带有“静态占位符”的输入框，例如 url jsfiddle.net/manyahin/MxRqX

<div class="controls">
 <input type="text" />
 <span>http://</span>
</div>

用户不能删除 http:// 并在此之后输入文本。Span 有 margin-left: minus 表示输入上方的位置，输入有 text-ident 以获得 span 的可用空间。

当我点击输入时，光标设置在输入的开头，在 http.xml 之前。当我开始打字时，光标会转到正常位置。如何修复此错误或请给我另一种方法来实现此目的。对不起，我的英语不好。

score 1 · Accepted Answer

如果输入文本总是需要以 http:// 开头，更简单的方法是将其作为标签放在字段之前而不是在其中，然后在后端添加 http://。或者您可以在后端捕获它并从输入字段中读取文本，如果用户没有输入，则将 http:// 添加到输入文本中。

另一种方法是通过 jquery，您可以在其中将文本框的值设置为 http:// 以及用户输入的任何文本。

第三种不太优雅的方法是使用两个输入字段并使用 css 来定位和设置它们的样式以使其显示为一个。将第一个字段值设置为 http://（假设它始终为 http://）并将其设置为只读。

score 1 · Accepted Answer

1

:before在css中使用怎么样？

于 2012-05-23T14:12:01.220 回答

2 回答 2