Javascript 如何在HTML的输入文本框中添加span

Javascript 如何在HTML的输入文本框中添加span,javascript,html,Javascript,Html,我可以从JavaScript打印信息,如何将信息添加到文本框 以下代码显示与JavaScript中的description12相关的信息 <h6> Description : </h6> <span id="Description12"> </span><br /> 说明: 我现在正试图把信息输入文本框 <input name="reportnoss" type="text" id="Description12">

我可以从JavaScript打印信息,如何将信息添加到文本框

以下代码显示与JavaScript中的
description12
相关的信息

<h6> Description : </h6>  <span id="Description12"> </span><br />
说明:
我现在正试图把信息输入文本框

<input name="reportnoss" type="text" id="Description12">


这不起作用。

不能在同一页上为两个控件提供相同的ID-它们必须是唯一的

您给输入文本框的ID应该是该控件的ID

如果必须在客户端执行此操作,则需要使用javascript或jQuery

比如:

document.getElementById(“reportnoss”).innerText=document.getElementById(“Description12”).innerText

如果您首先为输入字段提供ID
reportnoss

就可以了,那么同一文档中不能有两个元素具有相同的ID
。删除
输入
id
或将其更改为另一个
id

<h6> Description : </h6>  <span id="Description12"> </span><br />
<input name="reportnoss" type="text" id="Input_Description12">
演示:

使用的方法:

  • .innerText

    • 正如其他答案所说,你不能拥有相同的id

      <h6> Description : </h6>  <span id="Description12"> </span><br />
      
      <input name="reportnoss" type="text" id="DescriptionTextBox">
      
      注意:对于
      输入类型=“text”

      如果这不是你想要的,请留下评论

      <h6> Description : </h6>  <span id="Description12"> </span><br />
      
      <input name="reportnoss" type="text" id="DescriptionTextBox">
      
      document.getElementById("DescriptionTextBox").value=document.getElementById("Description12").innerText;