时间戳

首页 > 解决方案 > 如何制作一个活跃的网页

javascript - 如何制作一个活跃的网页

问题描述

我在网页中有一个文本框，我希望当用户在其中输入内容时，不刷新就显示它。

我的 php 文件从用户那里获取数据并显示它：

<?php 
    $text = $_GET['text'];
    echo $text;
?>

和html文件：

<form method="Get">
    <input type="text" name="text">
</form>

当用户输入输入时，如何让它输入$text 。

标签： javascriptphpweb

解决方案

在这种情况下使用 PHP 和 AJAX 有什么意义？如果您没有在数据库中存储来自用户类型的任何数据，我看不到随机播放。

您可以使用简单的 JavaScript 函数来读取输入值并将其设置为任何元素的innerHTML。

看看这个 JavaScript：

document.querySelector('input[name="text"]').addEventListener('keyup', function(e){
  const input = e.target;
  document.querySelector('#result').innerHTML = input.value;
})

和这个 HTML 结构：

<form method="Get">
    <input type="text" name="text">
</form>
<div id="result"></div>

在您输入输入时，它会自动用值补充[id="result"]。

这是工作演示：https ://jsbin.com/hadevacoqo/edit?html,js,output

问候，梅子！

推荐阅读