HTML / CSS輸入的占位符文本，可以復制

Question

我現在似乎找不到與此類似的東西，但我可以肯定的是，我之前已經看過類似的東西。

我目前能夠使用input或textarea html標記以及placeholder屬性來獲取接近於我想要的東西，但我也想為用戶提供復制占位符文本並在與之相同的框中輸入/粘貼文本的功能。一個條目。 這可能嗎？

一個用例將是一個通用目錄路徑的占位符：box1 @ mtk：/path/to/data/20180202_TextFile.txt

我希望用戶能夠將“ box1 @ mtk：/ path / to / data /”復制並粘貼到框中，以便他們只需要更改文本文件名即可。

我不能強迫value用作占位符，因為我不希望用戶在不修改所有字段的情況下意外提交表單。

那么是否可能有可選/可復制的占位符？

Answer 1

不，您不必在占位符和值之間進行選擇。 我只會將value與腳本結合使用，該腳本會在所有字段均不同於其默認值時啟用按鈕，或者如果不是，則顯示錯誤消息：

if(document.getElementById(“value1”).value !== “DEFAULT TEXT” && document.getElementById(“value2”).value !== “DEFAULT TEXT” && ......) {
    document.getElementById(“submit”).disabled = false;
}