可复制的 HTML/CSS 输入占位符文本答案

【问题标题】：HTML/CSS input placeholder text which can be copied可复制的 HTML/CSS 输入占位符文本
【发布时间】：2018-03-15 21:16:03
【问题描述】：

我现在似乎找不到类似的东西，但我很确定我以前见过类似的东西。

我目前可以使用 input 或 textarea html 标记和 placeholder 属性来获得接近我想要的内容，但我还想为用户提供复制占位符文本并将其输入/粘贴到与条目相同的框。这可能吗？

一个用例是一个公共目录路径的占位符： box1@mtk:/path/to/data/20180202_TextFile.txt

我希望用户能够将“box1@mtk:/path/to/data/”复制并粘贴到框中，因此他们只需更改文本文件名。

我不能强制 value 成为占位符，因为我不希望用户在不修改所有字段的情况下意外提交表单。

那么有可能有可选择/可复制的占位符吗？

【问题讨论】：

这对您没有帮助吗？ stackoverflow.com/questions/44568404/…
一句话，没有。那时它们不会是占位符属性。您可以使用@ClaudioNastasiJunior 的链接答案中的内容，但这有点乱。我只需在文本框中输入文本，添加一个input 事件处理程序来标记用户已触摸该值，如果没有，请不要启用提交按钮。
为什么不将该文本设置为输入的默认value？
您想绑定某个事件吗？比如按下按钮或聚焦之类的？
我觉得在“默认”框旁边放一个按钮可能更容易

标签： javascript jquery html css

【解决方案1】：

不，您必须在占位符和值之间进行选择。我只会将 value 与脚本结合使用，该脚本在所有字段都与其默认值不同时启用按钮，或者如果它们不是，则打印错误消息，例如：

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

【讨论】：