javascript - 永久占位符？

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 事件。它不会立即更新输入，但只要用户点击它就会修复它。