当用户将输入发送到表单时,使文本出现

时间:2019-06-21 15:00:15

标签: javascript html

我正在尝试获取它,因此当输入不为空时,它将显示输入中的内容。

<div>
    <input name="helpme" type="text" id="helpme" size="16" maxlength="32" value="">
</div>
<cfif helpme neq ""> 
    <style>document.getElementById("a").style.display="block";</style> 
</cfif>
<pre>
    <font size=+1>
        <div style="display:none" id=a>hello: 
            <font color=red>#trim(helpme)#</font>
        </div>
    </font>
</pre>

当您输入任何内容时,不会发生任何事情。

1 个答案:

答案 0 :(得分:3)

我发现ID名称周围缺少一些"",并且对代码进行了一些更新,但这是可行的。这里有一个触发onkeyup的方法,因此每次键入字符时都会查找该值

function showValue() {
  var input = document.getElementById('helpme').value;
  document.getElementById('a').innerHTML = input;
}
<div>
  <input name="helpme" type="text" id="helpme" size="16" maxlength="32" value="" onkeyup="showValue()"/>
</div>

<pre>
  <font size=+1>
    <p>hello: <font color="red" id="a"></font>
    </p>
  </font>
</pre>