在JavaScript中将文本输出到输入字段

时间:2018-10-16 16:28:31

标签: javascript html

尝试按下在输入字段中输出文本的按钮。功能是在按下时将文本“ x”输出到输入字段中,该字段设置为只读。仅允许使用js和html。这是我到目前为止在HTML和js中得到的结果:

 <button id="button4" onclick="output()">Hokus Pokus</button>
 <input id="printoutput" readonly="true" type="text">

js:

function output() {

document.getElementById("printoutput").innerHTML = "x";

}

为什么这不起作用?

3 个答案:

答案 0 :(得分:2)

这样做,它就像一个魅力:

function output() {

document.getElementById("printoutput").value = "x";

}
 <button id="button4" onclick="output()">Hokus Pokus</button>
<input id="printoutput" readonly="true" type="text">

答案 1 :(得分:1)

已修复。这样做了:

function output() {

document.getElementById("printoutput").innerHTML = "x";

}

应该在什么时候出现:

function output() {

document.getElementById("printoutput").value = "x";

}

答案 2 :(得分:0)

您需要设置输入值,而不是内部html

document.getElementById("printoutput").value = "x";
<button id="button4" onclick="output()">Hokus Pokus</button>
 <input id="printoutput" readonly="true" type="text">