You need to enable JavaScript to run this app.
优惠活动
大模型
产品
解决方案
定价
更多

如何将输入框文本设为另一输入框的placeholder?代码无效求助

问题解决:通过输入框设置另一个输入框的placeholder

你的代码问题出在获取输入框内容的方式错误,input元素的用户输入内容存在value属性中,而非innerText;同时你打印的x.innerText也不符合input元素的特性,input没有可直接读取的innerText内容。

修正后的JavaScript代码如下:

function Confirm() {
    var x = document.getElementById("Title");
    var y = document.getElementById("PlaceHolder");
    // 用value获取输入框内容,设置到placeholder
    x.setAttribute("placeholder", y.value);
    // 打印正确的placeholder值
    console.log(x.placeholder);
}

关键修正点:

  • 把y.innerText改为y.value:input元素的用户输入内容存储在value属性里,innerText用于获取普通元素(比如div、p)的文本内容,不适用于input。
  • 把console.log(x.innerText)改为console.log(x.placeholder):要查看设置后的placeholder值,直接读取input的placeholder属性即可,input的innerText始终为空。

你的HTML部分不需要修改,保持原样即可。点击Confirm按钮后,Title输入框的placeholder就会被设置为Placeholder输入框里的内容了。

内容的提问来源于stack exchange,提问作者user20654632

相关产品推荐
方舟 Agent Plan

超全模态模型 × Harness 升级,最新支持 Deepseek-V4.1-Flash、GLM-5.3 系列、Doubao-Seedream-5.0-pro、Kimi-K3 (部分), 限时 9.9 元起

最近更新时间:2026.08.04 06:05:21