更改 HTML 输入中的占位符值答案

【问题标题】：Changing Placeholder value in HTML input更改 HTML 输入中的占位符值
【发布时间】：2021-05-08 23:17:38
【问题描述】：

我正在尝试更改 html 输入中的占位符（在输入字段中尚未输入文本时显示的文本）。不幸的是，我无权更改 HTML 文件，因此无法在此处更改。我只能访问 CSS 文件。有没有办法改变或隐藏当前的占位符文本？在 HTML 中看起来像这样：

placeholder="example"

【问题讨论】：

这能回答你的问题吗？ How to set placeholder value using CSS?
在 CSS 中，您可以将占位符颜色设置为透明。

标签： html css

【解决方案1】：

您不能使用CSS 更改HTML 的值，您只能使用CSS 设置HTML 的样式。因此得名“层叠样式表”。

所以你的问题的答案是不可能使用 css 更改 placeholder 值。

但是，如果您可以访问 JavaScript，则可以更改 placeholder 属性的 value。

【讨论】：

【解决方案2】：

就像我们的朋友 koder613 所说，您可以通过 javascript 轻松实现这一目标。代码已发布，如果您的代码无权访问js，我很抱歉。

<!DOCTYPE html>
<html>
<body>

First Name: <input type="text" id="myText" placeholder="Name">

<p>Click the button to change the placeholder text of the text field.</p>

<button onclick="myFunction()">Try it</button>

<script>
function myFunction() {
  document.getElementById("myText").placeholder = "Type name here..";
}
</script>

</body>
</html>

【讨论】：