HTML:自动在同一页面上显示给定的输入

HTML是一种标记语言，用于创建网页和Web应用程序的结构和内容。它是前端开发中最基础的技术之一。

HTML的全称是超文本标记语言（HyperText Markup Language），它使用标记来描述网页的结构和内容。通过使用不同的标记（标签），可以定义文本、图像、链接、表格、表单等元素，并指定它们在页面上的布局和样式。

自动在同一页面上显示给定的输入可以通过HTML的表单元素和JavaScript来实现。以下是一个示例代码：

<!DOCTYPE html>
<html>
<head>
  <title>自动显示输入</title>
  <script>
    function displayInput() {
      var input = document.getElementById("input").value;
      document.getElementById("output").innerHTML = input;
    }
  </script>
</head>
<body>
  <input type="text" id="input" placeholder="输入内容">
  <button onclick="displayInput()">显示输入</button>
  <div id="output"></div>
</body>
</html>

在上面的代码中，我们创建了一个文本输入框和一个按钮。当用户在输入框中输入内容并点击按钮时，JavaScript函数displayInput()会被调用。该函数获取输入框的值，并将其显示在页面上的一个<div>元素中。

这种技术可以应用于各种场景，例如用户评论、搜索建议、实时数据展示等。通过动态更新页面内容，可以提供更好的用户体验。

腾讯云提供了丰富的云计算产品和服务，其中与HTML相关的产品包括：

腾讯云静态网站托管：提供高可用、高性能的静态网站托管服务，可轻松部署和管理HTML网站。详情请参考腾讯云静态网站托管
腾讯云云服务器（CVM）：提供可扩展的虚拟服务器，可用于部署和运行HTML网站。详情请参考腾讯云云服务器

请注意，以上只是腾讯云提供的一些相关产品，其他云计算品牌商也提供类似的产品和服务。

HTML:自动在同一页面上显示给定的输入

javascript、html、web

我想问一下，我们应该如何用HTML编写代码，以便在没有按钮或单击的情况下，在同一页面上自动显示Web用户提供的输入。<!DOCTYPE HTML><head><body> <script type="tex

浏览 24提问于2020-06-01得票数 0

3回答

如何在html中重定向到同一页面后显示字段值？

javascript、forms、redirect

我有一个用于搜索操作的HTML页面。但是，在搜索结果页面上，由于刷新/重定向到同一页面，用户输入的搜索字段值将被清除。如何捕获字段值并显示它们？

浏览 0提问于2012-06-28得票数 0

回答已采纳

1回答

Selenium Python -如何在动态网站中找到元素(获取NoSuchElementException异常)

python、selenium、web-scraping

我试图自动登录的网站在右上角，有登录选项，我设法捕获和点击它的自动化方式。但是，登录表单在同一页面上弹出。现在，我尝试对'email‘和'password’执行检查元素，但是我一直在获取NoSuchElementException异常。例如，电子邮件上的“检查元素”显示了一个HTML输入标记，ID为“emailid”。

浏览 4提问于2021-10-14得票数 0

回答已采纳

4回答

好吧，我现在正试着做一个好的quiz...all。但是，当我试图通过页面发送收集的数据(单选按钮值)时，我无法获得逻辑流。我有主要想法，但我不能把它付诸实施。我想收集所有的无线电值，创建一个包含这个valuesserialize的数组，数组将序列化的数组放入隐藏的输入中问题是，我想通过$_SERVER‘’PHP_SELF‘在同一个页面上发送数据，我不知道什么时候可以做这些事情(在测试的“第一<em

浏览 4提问于2009-11-02得票数 0

回答已采纳

1回答

如何使用PHP在ajax函数中获得与URL一起传递的输入值？

php、json、ajax

我在一个PHP页面上列出了一些值。在此之后，页面滚动需要显示剩余值。为此，我在同一页面上添加了ajax函数。+"ajaxload=true&page="+page , success: function(html我使用的是核心PHP。因此，我定义了ajax函数并检索<em

浏览 18提问于2021-07-28得票数 0

1回答

如何将多个文件附加到页面上并在进度条上显示进度。并将文件上传到服务器

jquery、jsf-2、tomahawk、mojarra

但我的要求是在页面上只显示一个“添加文件”按钮(不需要输入字段)。单击该按钮后，将弹出一个选择文件窗口。一旦选择了要附加的文件，附件将自动启动，并在同一页上显示附件操作的进度条。用户可以执行相同的操作并附加多个文件。用户仍然在同一页面上，在附加所有文件后，他们单击submit按钮并上传文件。

浏览 1提问于2012-11-10得票数 0

1回答

单击按钮后HTML元停止自动刷新

html、meta

我使用一个非常简单的html自动刷新如下所示自动触发刷新我的网页。这个函数可以很好地工作，直到我在同一页面上的任何html按钮上的onClick，页面将停止自动刷新。<meta http-equiv='refresh' content='60'> 简单的总结是，如果在页面上触发

浏览 0提问于2018-05-15得票数 1

回答已采纳

1回答

何时在视图文件中使用“sanitize”方法？

ruby-on-rails、ruby、ruby-on-rails-3、security、sanitize

我正在使用Rails 3.0.9，我想知道我什么时候可以、应该并且必须使用方法，因为安全的原因。sanitize(flash[:notice])

浏览 3提问于2011-08-18得票数 0

回答已采纳

2回答

无法在rails 3.1中呈现弹出窗口

ruby-on-rails、ruby-on-rails-3.1、modal-dialog

我有两个动作home和test inside pages控制器：<div id="myModal" class= "reveal-modal"> e.preventDefault(); });这很好用，给了我一个很好的弹出窗口myModal" class= &q

浏览 2提问于2011-12-24得票数 1

回答已采纳

1回答

提交表单时显示成功消息

php、html、database、forms、redirect

我的网站上有一个只有一个字段的HTML表单(用于输入访问者的电子邮件地址)。表单的“动作”是发送到update.php，它与我的MySQL数据库相连，所以电子邮件就直接发送进来了。提交输入到表单字段的电子邮件地址后，用户被重定向到update.php，其中显示了我在PHP代码中包含的一条成功消息。基本上，我需要知道的是:如何避免将用户重定向到update.php页

浏览 0提问于2011-06-04得票数 0

2回答

一种让Asp.net网页更像Rails MVC的方法？

c#、asp.net、webmatrix

AFAIK，Asp.net网页模型在每个页面上只支持一个表单发布。用户输入是通过以下方式接受的：{} 但是，有没有可能让Asp.net网页的行为更像Rails，允许每个页面有多个操作我希望能够有一个用户点击按钮(张贴到同一页)，删除数据库中的给定记录，然后刷新同一页。

浏览 0提问于2011-10-06得票数 2

回答已采纳

1回答

Drupal文本格式(输入/输出过滤器)问题

drupal

我在过滤器选项中使用完整的html作为文本输入。html元素。输出: my text par one my text par 2(在单个符号中!)我想在每个段落上获得linbreak，因为我们可以从任何html代码中期望它。谢谢

浏览 0提问于2014-05-16得票数 0

1回答

无法在PHP中从HTML表单获取POST值

php、html、post、phpmyadmin、xampp

我正在努力使用POST将HTML表单中的值转换到PHP变量中。它以前是有效的，但现在无论我做什么，它都不起作用。下面是php文件： <?> <head> <link rel="stylesheet" href="Register.css--/ lower--> <

浏览 34提问于2021-06-15得票数 0

1回答

用于不同视图的rails 4片段缓存

ruby-on-rails、caching、memcached、fragment-caching、russian-doll-caching

我不会故意把例子移到不同的问题上，因为我觉得这样任何人一眼就能理解细微的差别。我想展示最新的用户。当然，这对于应用程序中的所有用户来说都是一样的，并显示在所有页面上。_sidebar.html.erb (显示在侧栏的所有页面上) <%= rend

浏览 6提问于2016-03-30得票数 2

回答已采纳

1回答

jQuery:在动画()方法中使用类名选择器不起作用

javascript、jquery、html、jquery-animate

它提供了相同网站的URL之间的平稳过渡。在jQuery的和fadeOut()方法的帮助下，我已经将一个由两个页面(index.html和about.html)组成的页面组合在一起，这些页面可以顺利地加载。我希望“关于我们”的页面不仅褪色，还能滚动大约250 in。为此，我有：在“关于我们”页面中的html标记中添加了一个类：<html class=&q

浏览 0提问于2018-07-12得票数 0

回答已采纳

2回答

在php中不呈现新页面的情况下添加rendering

php

我正试图在页面上显示的项目中添加like选项。因此，工作流程如下： <a href="like.php?type=gifLike&id=<?>">like</a>header('Location:gifs.php'); 但是，在单击“例如

浏览 5提问于2016-10-27得票数 1

回答已采纳

3回答

如何在汇流页面内部和之间重用文本字符串？

confluence

我希望尽量减少在发布说明、页面和其他汇合点上键入日期和版本号的次数。我希望能够输入值一次，并让它自动出现在所有地方。有多个文本，我想这样做，<

浏览 0提问于2018-06-26得票数 0

1回答

是否更改htaccess中的默认错误捕获？

apache、.htaccess、mod-rewrite、errordocument

因此，我的问题与本页中提出的问题类似。然而，我的问题略有不同(尽管它可能仍然有相同的答案)。我和一个共享的网络主机在一起，默认情况下，它会显示带有广告的自定义错误页面。我希望错误在没有广告的情况下导致真正的错误响应。我是否需要单独执行以下操作：对于每个错误？或者，有没有一种方法可以只

浏览 5提问于2015-12-04得票数 1

1回答

在同一页上用相机拍摄的离子显示图片

angularjs、ionic-framework、angularjs-scope、ionic-view

我试图在不访问手机内存的情况下，在同一页面上显示通过摄像头捕获的图像。有点像watsapp，我们只从那里点击并上传。因此，这就像是我们捕获了一些东西，并自动将其显示在同一页面上，其中我们有捕获按钮。tab.detail', { views: {

浏览 1提问于2016-11-08得票数 1

1回答

用Rmd编写的幻灯片在从HTML转换为PDF时缺少页面

r-markdown、r-package、html-to-pdf、pagedown、xaringan

问题是，转换后的PDF缺少标题页以及整个幻灯片中的随机页。我尝试用Chrome和其他浏览器手动打印HTML文件，试图保存为PDF，但它们都有相同的缺失页面。我对如何导出到PDF的任何建议都是开放的，不会丢失任何页面。只要幻灯片可以成功导出为chrome_print()格式，它就不一定是PDF格式的。下面是幻灯片的一个可重现的伪代码：title: document_title author:

浏览 20提问于2021-01-08得票数 1

点击加载更多