javascript - 在表单字段模糊的 DIV 中显示文本

Question

我已经搜索这个问题超过 5 个小时了，没有任何帮助，哈哈。

我想要一个可以输入内容的表单字段(文本)。无论是在他们输入时还是在字段模糊之后，我希望该文本显示在屏幕上的 div 中。也许这是不可能的。

这是我尝试的最后一段代码，当然它不起作用。

 <p>Headline Text:<br />
 <input type="text" name="headline" value="$headline" onChange="document.getElementById('headline2').value=this.value" /></p>
 <br />
 <div id="headline2"></div>

在该代码中，输入 headline 中的任何内容将出现在<div id="headline2"></div>中模糊。

任何帮助都会很棒。

Answer 1

你就在不远处!!!
一个<div>没有值...但有内部 HTML。 ;)

这里是变化:

    <p>Headline Text:<br />
      <input type="text" name="headline" value="$headline" onChange="document.getElementById('headline2').innerHTML=this.value" /></p>
    <br />
    <div id="headline2"></div>

在键盘上:

    <p>Headline Text:<br />
      <input type="text" name="headline" value="$headline" onKeyup="document.getElementById('headline2').innerHTML=this.value" /></p>
    <br />
    <div id="headline2"></div>