使用oninput事件跟踪显示input的输入

最新推荐文章于 2025-06-29 21:45:00 发布

原创最新推荐文章于 2025-06-29 21:45:00 发布 · 1k 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#html5 input标签

本文介绍了一个简单的HTML页面示例，该示例使用JavaScript来实现输入框中文字的实时反馈显示功能。当用户在输入框中键入文字时，文字会立即显示在一个标签元素中。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!doctype html>
<html>
<dead>
<meta charset="UTF-8">
<style type="text/css">
</style>
<script>
function test(){
var kk = document.getElementById("in1");
var cc = document.getElementById("out1");
cc.innerHTML=kk.value;
}
</script>
</dead>
<body>
<input type="text" id="in1" placeholder="跟踪输入测试" oninput="test()">
<label id="out1"></label>
</body>
</html>