Php 如何显示数据用户在同一html页面上以html并排填写表单？
我对网页设计很陌生。我想创建一个网页，这样当用户在表单中键入时，数据必须同时显示在同一页面的左侧，如下图所示。例如，当用户在“关于我”文本框中键入时，左侧带有“关于我”标题的数据区域也应以与用户键入相同的速度立即动态更新 谁能帮助我这是怎么可能的？或者我必须使用哪种语言来做这件事？ 提前谢谢Php 如何显示数据用户在同一html页面上以html并排填写表单？,php,jquery,html,Php,Jquery,Html,我对网页设计很陌生。我想创建一个网页，这样当用户在表单中键入时，数据必须同时显示在同一页面的左侧，如下图所示。例如，当用户在“关于我”文本框中键入时，左侧带有“关于我”标题的数据区域也应以与用户键入相同的速度立即动态更新 谁能帮助我这是怎么可能的？或者我必须使用哪种语言来做这件事？ 提前谢谢 您必须使用javascript来实现这一点 <input type="text" id="input"> <div id="output"> </div> <s
您必须使用javascript来实现这一点
<input type="text" id="input">
<div id="output">
</div>
<script>
var input = document.getElementById('input');
var output = document.getElementById('output');
// add event listener to the input element
input.onkeyup= function() {
// set the output element HTML to what you type in
output.innerHTML = this.value;
}
</script>
var input=document.getElementById（'input'）；
var output=document.getElementById（'output'）；
//将事件侦听器添加到输入元素
input.onkeyup=function（）{
//将输出元素HTML设置为您键入的内容
output.innerHTML=this.value；
}
小提琴：使用以下代码：
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"> </script>
<script>
$(document).ready(function(){
$('#name').keyup(function () {
$('#display').text($(this).val());
});
});
</script>
</head>
<body>
<input type="text" id="name"/>
<span id="display"></span>
</body>
</html>
$（文档）.ready（函数（）{
$（'#name'）.keyup（函数（）{
$（'#display'）.text（$（this.val（））；
});
});