文本框中输入文字，页面中div层同步获取文本框内容

最新推荐文章于 2022-10-12 09:30:01 发布
最新推荐文章于 2022-10-12 09:30:01 发布
阅读量232 收藏 2
点赞数
文章标签： xhtml javascript ViewUI
原文链接：http://www.cnblogs.com/zhaozzm/p/4517355.html
版权

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>文本框中输入文字，页面中div层同步获取文本框内容丨石家庄玻璃隔断</title>
<style>
textarea{width:300px;height:150px; border:1px solid #CCC; font-size:12px; color:#000;}
p{ padding-left:30px; text-indent:-30px;width:270px;height:250px; border:1px solid #900; margin-top:50px; font-size:12px; color:#F00; line-height:21px; overflow:hidden}
</style>
<script type="text/javascript">
function SwapTxt()
{
var txt = document.getElementById("eml").value;
document.getElementById("lyny").innerHTML=txt;
}
</script>
</head>
<body>
<textarea name="" cols="" rows="" class="loe_hk10" id="eml" οnkeyup="SwapTxt()"></textarea>
<p id="lyny">芯晴网页特效提示：请在上面的文本框中输入文字，如www.CsrCode.cn</p>
</body>
</html>
<br><br><hr></font>

转载于:https://www.cnblogs.com/zhaozzm/p/4517355.html

weixin_30532973
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
将input框中输入内容显示在相应的div中【三种方法可选】
10-19
本篇文章主要介绍了在input框中输入内容，会相应的显示在下面的div中的不同做法：js方法；jQuery方法；AngularJs方法，具有很好的参考价值。下面跟着小编一起来看下吧
js实现文本框中输入文字页面中div层同步获取文本框内容的方法
10-24
主要介绍了js实现文本框中输入文字页面中div层同步获取文本框内容的方法,实例分析了javascript操作dom元素的技巧,需要的朋友可以参考下
实时监听div，input内容改变并获取值（包括脚本动态添加）
heerey525
09-29 6888
 在DOM中可以通过DOMNodeInserted和DOMNodeRemoved这两个事件来监视DOM元素的插入和移除。 &lt;!doctype html&gt; &lt;html lang="en"&gt; &lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;meta name="viewport"
基于Vue 2.0 监听文本框内容变化及ref的使用说明介绍
10-18
在Vue.js中，`ref`属性被用来获取页面上的DOM元素。它提供了一种方法，可以直接访问DOM元素或子组件实例，而不必使用传统的`document.querySelector`方法。这可以提高代码的可读性和维护性。 在上述示例中，`ref=...
JS与Jquery之文本框输入并同步输出显示
03-30
在JavaScript和jQuery的世界里，文本框输入的实时同步输出显示是一项常见的交互功能，它能够提升用户的体验，使得用户在输入时就能即时看到结果。本文将深入探讨如何利用这两种技术实现这一功能。 首先，我们来了解...
一个输入框输入内容，另一个输入框同步内容
zl_action的博客
04-12 9308
&lt;html&gt; &lt;head&gt; &lt;script&gt;     function cop(){         var str=document.getElementById("input1").value;         document.getElementById("input2").value = str;     } &lt;/script&gt; &lt;/
用js或者jquery动态给div追加内容，不覆盖之前的内容
热门推荐
林中明月间丶
03-19 9万+
效果：js <div id="append">ss</div> <script> var divA = document.getElementById("append"); divA.innerHTML = divA.innerText+'追加的内容s'; //divA.innerHTML +='追加的内容s'; divA.inn...
input文本框中输入内容，将输入的内容通过点击“添加”按钮后添加到div中；点击“删除”按钮从div中删除选中元素，点击修改将删除修改为文本。
qq_56244419的博客
10-12 1168
【代码】input文本框中输入内容，将输入的内容通过点击“添加”按钮后添加到input下面的div中；点击“删除”按钮从列表框中删除选中元素，点击修改将删除修改为文本。
Python弹出输入框并获取输入值
劲爆音乐网
09-25 3万+
使用自带的Tkinter模块，简单的弹输入框示例，返回输入值 from Tkinter import * import tkMessageBox def getInput(title, message): def return_callback(event): print('quit...') root.quit() def close_ca...
js通过input框输入属性和值，改变div的属性
祈澈菇凉
02-14 4343
js实现在input框里面输入属性和值，页面的 div的属性根据输入的属性和值进行变化。 &lt;!DOCTYPE html&gt; &lt;html&gt; &lt;head&gt; &lt;meta charset="utf-8" /&gt; &lt;title&gt;函数传参，改变Div任意属性的值&lt;/t...
两文本框同步显示输入文本
qq_41898663的博客
05-21 1059
&lt;!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"&gt;&lt;html xmlns="http://www.w3.org/1999/xhtml"&gt;&lt;head&gt;&lt;meta h
可编辑的div，如何在输入的文字、图片或文件后面获取光标？
chenwei1113的博客
06-07 1386
// 获取光标 set_focus(){ let el=document.getElementById('uploadArea'); el.focus(); if($.support.msie){ var range = document.selection.createRange(); this.last = range; ...
JS自定义Title文字提示
cc蒲公英的博客
12-13 7662
最近遇到个需求，需要给很多的按钮等添加文字提示，风格要保持统一。 然后就写了如上的这个算是小插件吧  给出源代码的百度云盘链接 下面的代码直接使用只差jQuery的引入 [html] view plain copy       write by chiring@2016.6.14       配置仅需要三步       1、为d
html输入框同步,同步文本框内容JS代码实现
weixin_42315966的博客
06-05 453
本文实例为大家分享了同步文本框内容JS代码，供大家参考，具体内容如下图例1function addEvent(eventHandler){var tags = document.getElementsByTagName('input');for(var i=0;i{if(tags[i].getAttribute('url') == 'true'){if(tags[i].addEventListen...
html 自动往文本框内填入值,将input框中输入内容显示在相应的div中【三种方法可选】...
weixin_36064196的博客
05-31 3895
例题一枚：在input框中输入内容，会相应的显示在下面的div中的不同做法：#div{width: 175px;height: 100px;margin: 20px 84px;border:2px solid green;}请输入内容：js：原生DOM操作var put1=document.getElementById("put");var div1=document.getElementById...
js同步获取文本框textarea输入的内容
最新发布
06-02
可以使用以下代码同步获取文本框textarea输入的内容： ```javascript var textArea = document.getElementById("myTextArea"); var text = textArea.value; console.log(text); ``` 其中，`myTextArea` 是文本框的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值