input输入什么div图层显示什么

<html>

<meta charset="utf-8" />

<style >

.ppp{

width:600px;

height:300px;

background-color:pink;

}

</style>

<input type="text" id="ttt" name="" value=""  maxlength=""  placeholder="" />  <br /><br /><br />

<div class="ppp"></div><!-- -->

<script src="jquery-1.7.2.min.js"></script>

<script>

$("document").ready(function(){

$("#ttt").keyup(

function(){$(".ppp:first").html(this.value)}

)

});

</script>

</html>

input输入什么div图层显示什么,布布扣,bubuko.com

时间： 2024-10-21 12:43:19

input输入什么div图层显示什么的相关文章

正则表达式控制Input输入内容 ,js正则验证方法大全

https://blog.csdn.net/xushichang/article/details/4041507 正则表达式控制Input输入内容 2009年04月01日 17:15:00 阅读数:21747 不能输入中文 <input type="text" name="textfield"  onkeyup="this.value=this.value.replace(/[^/da-z_]/ig,'');"/>只能输入 数字和下划

简简单单，jquery中，使用checkbox控制div的显示与隐藏

今天开发代码时,发现好久不用jquery就生疏了. 所以作这个记录, 使用checkbox控制div的显示与隐藏. 一,html代码处: <input type="checkbox" name="checkYaml" id="checkYaml" /> Yaml发布 <div id="branch_build_div"> {{ form.branch_build }} </div> 二,JS

限制input输入类型(多种方法实现)

转自 http://blog.csdn.net/txqd1989/article/details/51697585 1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^\u4E00-\u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^\u4E00-\u9FA5]/g,''))

正则及JS限制input输入类型

1.只能输入和粘贴汉字 <input onkeyup="value=value.replace(/[^u4E00-u9FA5]/g,'')" onbeforepaste="clipboardData.setData('text',clipboardData.getData('text').replace(/[^u4E00-u9FA5]/g,''))"><br/> 3.只能输入和粘贴数字 <input onkeyup="this

利用JS做到隐藏div和显示div

div的visibility可以控制div的显示和隐藏,但是隐藏后页面显示空白 style="visibility: none;" document.getElementById("typediv1").style.visibility="hidden";//隐藏 document.getElementById("typediv1").style.visibility="visible";//显示 通过设置

jquery实现的div的显示和隐藏效果

jquery实现的div的显示和隐藏效果:在网页的实际应用中,有些模块需要根据需要显示或者隐藏,下面就提供了几个这方面的实例,代码非常的简单,都是使用jquery自带的函数实现的,代码实例如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <title>div隐藏显示效果</title> <style type="text/css&qu

备忘：如何在输入框中显示灰色提示字体；整个div透明化显示

如何在输入框中显示灰色提示字体? <input type="text" placeholder="邮箱/手机号/淘宝会员名"/> 整个div透明化显示? 1 background-color:gray;/*设置背景色*/ 2 3 border: 1px solid black;/*设置边框*/ 4 5 filter:alpha(opacity=60);/* for IE */ 6 7 opacity:0.9;/* CSS3 standard */

利用JavaScript通过单选框radio控制div的显示和隐藏

通过鼠标单击单选框的动作,实现某个div或多个div的显示和隐藏.实例如下: JavaScript代码如下: 1 function divClick(){ 2 3 var show = ""; 4 show = $("input[name='AdPrintMode']:checked").val(); 5 switch (show){ 6 case '1': 7 document.getElementById("img1").style.disp

jQuery实现复选框的全选、反选、并且根据复选框的&lt;checked属性&gt;控制多个对应div的显示/隐藏

<!doctype html><html> <head> <meta charset="utf-8"> <title>jQuery实现复选框的全选.反选.并且根据复选框的(checked属性)控制多个对应div的显示/隐藏</title> <script type="text/javascript" src="jquery-1.11.3.min.js"></