php - 处理即时文本框值

Question

是否可以有一个文本输入字段，在其他地方(例如在 div 中)显示其内容的变化？

示例:我输入 1，因此 1 立即输出到屏幕上的某个位置，然后我输入 2，之前的值现在更新为 12。

html

<input type="text" id="inputField" />
<div id="screen"></div>

脚本

document.getElementById('inputField').onkeyup = function(){
document.getElementById('screen').innerHTML = this.value;
};

代码很好，但我希望屏幕的内部 html 值采用 php 格式。示例:屏幕值存储到 $screen 中，然后我将输出回显到屏幕中我想要的位置

[我想要 (echo "$screen";) 就像在 php 中一样，我将在文本框中键入数字，这意味着它会回显立即与 php 格式一起使用的值]

如何将屏幕值存储到变量 $screen

Answer 1

您可以通过少量 JavaScript 代码来完成此操作(假设您需要显示在 html div 上的输入字段中输入的文本)，所以在 html 中试试这个，

<input type="text" id="inputField" />
<div id="screen"></div>

并绑定(bind) onkeyup事件到输入字段，当有人输入时您可以通过该事件获取文本。所以你的 JavaScript 将会是，

document.getElementById('inputField').onkeyup = function(){
    document.getElementById('screen').innerHTML = this.value;
};

工作演示 here您可以通过在 html 代码中包含表单元素将输入字段值发布到任何 php 脚本。