在表单中键入时更改div中的文本
可以通过JavaScript来实现。以下是一个示例代码：
HTML部分：
<input type="text" id="inputText" onkeyup="updateDivText()" />
<div id="outputDiv">初始文本</div>JavaScript部分：
function updateDivText() {
var inputText = document.getElementById("inputText").value;
document.getElementById("outputDiv").innerText = inputText;
}这段代码创建了一个包含一个文本输入框和一个div的HTML表单。当在文本输入框中键入时，会触发updateDivText()函数。该函数获取输入框的值，并将其设置为div的文本内容。
这种方法可以用于实现实时更新div中的文本，例如在搜索框中输入关键字时，可以实时显示搜索结果。
相关·内容
3回答
我得到了这段代码，当用户在文本区域中输入时，它会实时更新div中的文本。我不确定如何编辑它，所以我可以在几个匹配的div/input中重用它。<textarea id="input-address" name="address" rows="5" class=&quo
浏览 2提问于2017-08-06得票数 2
回答已采纳
我知道如果要根据用户在另一个输入中键入的内容来更改表单上的输入值，请使用： $('#inputURL').val($('#inputName').val());但我更喜欢它，这样当有人在输入中输入时，它会用文本更新一个Div。例如，他们在#inputN
浏览 0提问于2011-10-08得票数 0
回答已采纳
我的网站上有一些代码，可以将用户的文本输入到所有大写字母中。在有人指出他们的手机上出现了奇怪的故障之前，我一直以为它很好用。当用户在文本框中键入时，它会在用户输入时插入额外的字母，因此，例如，如果他们试图键入'BOB‘，它会更改为’BOB‘，或者如果他们键入'DAD’，则会变成'DADAD‘。我已经在两款不同
浏览 4提问于2019-09-22得票数 4
回答已采纳
1回答
我正在尝试创建一个文本框，供用户输入文件名。使用jquery，文件名将在文本框下面的DIV中预览。键入时，文件名还应在预览DIV中设置格式，以便用破折号替换空格，转换为小写，并将'.php‘附加到末尾。当输入完成时，textbox值也会发生变化，所以当表单被提交时，正确的格式将被张贴到我的处理脚本中。下面有一个JsFiddle示例，它将预览在文本框<em
浏览 2提问于2011-12-17得票数 0
回答已采纳
1回答
我有一个用于Form1_KeyDown的form1事件，但是当我在表单上的Textbox中键入一些文本时，这个事件就会被触发。
当我在表单上的文本框中键入时，如何停止该事件。
浏览 2提问于2021-09-25得票数 0
回答已采纳
我有一个简单的表单(从实际表单简化而来演示问题)：<pre>Annual College Expense: {{currentChild.annualCollegeExpense</p> </div>
<div class=
浏览 0提问于2016-04-20得票数 0
2回答
我尝试了下面这样的代码： ' ThisTextBox1.Text ListBox1.Items(ListBox1.SelectedIndex) = TextBox1.Text表单如下所示：当用户在文本框中键入时，我
浏览 0提问于2014-12-13得票数 5
回答已采纳
1回答
我在的网页上有一个文本框，当有人开始输入时，它会在下面展开一个表单：
如果我不在文本框中键入任何内容，并且不在其下方的表单上单击任何内容，我如何将其更改为仅返
浏览 2提问于2012-02-10得票数 0
回答已采纳
我在我的应用程序中使用了angular reactive forms。我要求一些验证需要在更改时运行( angular form验证的默认行为)，而其他一些验证只需要在blur上运行以提高性能。基本上，当用户开始在文本框中键入时，我希望执行客户端验证，并在用户键入时显示错误。此外，我需要在文本框上进行服务器端业务验证，这是我想在blur上做的。问题是:我们是否可以配置角度反应表单，
浏览 2提问于2019-01-16得票数 2
在文本框中键入时，Angular表单值会改变，但Angular值不会改变，始终在userModel值中显示'Vino'，'New street'，'Cairo'，'Alaska'，'343343'，'vino
浏览 0提问于2019-01-29得票数 0
我想做一个应用程序，这样当文本在输入元素中键入时，这将反映输出中的变化。{ username: e.target.value } } }
return ( );}
在输入元素中键入的文本的更改</
浏览 11提问于2019-11-14得票数 0
回答已采纳
3回答
我想通过用户选择更改用户嵌入的链接文本。该表单有两个文本框，一个用于用户使用onkeyup事件输入，另一个是带有href html标记的只读文本框我试了不同的方法，但不起作用。
浏览 0提问于2012-12-13得票数 0
回答已采纳
有很多关于keypress，keyup，...的例子。在jQuery中。这些示例是关于在文本字段中键入内容的。当用户在文本字段中键入消息或内容时，我们可以显示类似用户正在键入的内容，但不能显示有关用户未键入的情况的消息。fieldset>
<input id="target" type="text" va
浏览 2提问于2012-10-11得票数 0
2回答
在HTML表单中自动填写文本输入
、、、、
我正在尝试编写一个表单的代码，该表单的输入(文本类型)将在用户查看表单时自动填写今天的日期。我已经知道如何在PHP中获取今天的日期，但我不知道如何将其自动输入表单。这与占位符不同，因为占位符在单击文本输入时会消失。我希望日期就像用户在表单中键入的那样，但会自动完成。我将如何使用HTML
浏览 1提问于2014-01-06得票数 0
回答已采纳
1回答
我不知道我想要寻找的功能的名称，它正把我逼疯。我使用以下剃须刀代码来显示我的表单输入： @Html.LabelFor(m => m.Capacity)</div>
我希望删
浏览 2提问于2020-08-11得票数 0
回答已采纳
a name');HTML </div> 当我在文本框中键入时，占位符与我的文本一起存在
当我尝试在我
浏览 0提问于2013-06-06得票数 0
1回答
在Angular4中如何显示错误输入文本(例如，当mouseleave输入时需要输入.当鼠标保存输入文本错误显示，而不是当我在输入时，我显示错误)。我的代码：
<input type="email" class="form-control" name="email" placeholder="Enter email" [(ngModel)]="data.em
浏览 0提问于2018-04-22得票数 3
回答已采纳
扫码
添加站长 进交流群
领取专属 10元无门槛券
手把手带您无忧上云
相关资讯
热门标签
云服务器
ICP备案
实时音视频
对象存储
即时通信 IM活动推荐
腾讯云开发者
