永久占位符？

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事件来完成同样的事情。它不会立即更新输入，但只要用户点击它将修复它。