永久佔位符？

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事件來完成同樣的事情。它不會立即更新輸入，但只要用戶點擊它將修復它。