永久占位符？

Question

是否有一种简单的方法可以使用无法删除的默认起始文本输入？例如，我想输入一个自定义网址，它有“www.mysite.com/”（在输入中），我希望输入在该位之后继续，但不能被删除。

Answer 1

只需使用：

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

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

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

Answer 2

你可以为输入设置一个onKeyPress处理程序，然后在每个按键上检查输入是否仍然以你的前缀开头（如果没有，它可以将其重新添加）。

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

更健康的方法是使用执行相同操作的onBlur事件。它不会立即更新输入，但只要用户点击它就会修复它。