具有即时内容复制功能的文本输入框

发布于 2024-08-21 12:43:48 字数 172 浏览 3 评论 0原文

我希望用户能够在文本框中输入数据,并立即让该文本作为内容显示在另一个 div 中,并且输入框上有字符限制。

很像SO在提出问题时的做法,但是针对不同的应用程序。

我正在使用 YUI3 框架,如果这有什么区别的话。

不幸的是我不知道从哪里开始所以感谢任何帮助。

谢谢!

I want to have users be able to enter data into a text box and instantly have that text appear in another div as content with a character limit on the input box.

Much like how SO does it when asking a question but for a different application.

I am using the YUI3 framework if that makes any difference.

Unfortunately I don't know where to start so any help is appreciated.

Thanks!

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

梦回旧景 2024-08-28 12:43:48

像这样的东西应该可以工作:

<input type="text" id="text1" onchange="document.getElementById('div1').innerHTML=document.getElementById('text1').value">

<div id="div1">
</div>

但我会在 onChange 事件中放置一个函数,而不是在标签中编写代码。

Something like this should work:

<input type="text" id="text1" onchange="document.getElementById('div1').innerHTML=document.getElementById('text1').value">

<div id="div1">
</div>

But I would place a function in the onChange event instead of writing the code in the tag.

慵挽 2024-08-28 12:43:48

需要使用“onkeyup”并且它工作正常。

<input type="text" id="text1" onkeyup="document.getElementById('div1').innerHTML=document.getElementById('text1').value">

<div id="div1">

</div>

谢谢。

Needed to use 'onkeyup' and it worked properly.

<input type="text" id="text1" onkeyup="document.getElementById('div1').innerHTML=document.getElementById('text1').value">

<div id="div1">

</div>

Thanks.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文