永久占位符？

Question

有没有一种简单的方法可以让输入带有不能删除的默认开始文本？例如，我想输入一个自定义url，它有"www.mysite.com/“(在输入中)，并且我希望输入在该位之后继续，但不是可擦除的。

Answer 1

只需使用：

<label>
    Path: www.mysite.com/<input 
        name="path" 
        value="" 
        placeholder="images/foo.jpg">
</label>

..。然后在服务器上添加前缀。

您可以将输入的背景和边框设置为透明，然后将合适的背景和边框应用到<label>

Answer 2

您可以为输入设置一个onKeyPress处理程序，然后在每次按键时检查输入是否仍然以您的前缀开头(如果不是，它可以将其添加回去)。

然而，我怀疑在实践中，无论是从实现还是从可用性的角度来看，这都是一个糟糕的想法。

一种更健康的方法是使用做同样事情的onBlur事件。它不会立即更新输入，但一旦用户单击，它就会修复它。