今天来说说鄙人对input输入框在处理上的细节处理和心得,其实制作一个符合CSS标准、FF/IE7/IE6等主流浏览器全兼容、符合用户体验的input其实并不难。先点击看看下面的效果先! 脚本之家-www.gxlcms.com表单效果 *{ margin:0; padding:0; } body{ font-size:63%; color:#000; } /*input*/ .input_on{ padding:2px 8px 0pt 3px; height:18px; border:1px solid #999; background-color:#FFFFCC; } .input_off{ padding:2px 8p...
效果: <!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> 密码输入框 </title> <meta name="generator" content="Microsoft FrontPage 6.0"/> <meta name="author" content="lin.x"/> <meta name="keywords" c...
用JavaScript实现的一个IP地址输入框,感觉不是太好,如果是192.168.1.1就必须输入192.168.001.001了别扭啊.a3{width:30;border:0;text-align:center} function mask(obj){ obj.value=obj.value.replace(/[^\d]/g,'') key1=event.keyCode if (key1==37 || key1==39) { obj.blur(); nextip=parseInt(obj.name.substr(2,1)) nextip=key1==37?nextip-1:nextip+1; nextip=nextip>=5?1:nextip nextip=nextip=3) if(pars...
<div> <label for="email">Email</label> <input name="email" type="text" id="email" style="width:134px;" onfocus="if(this.value==Input your email)this.value=;"onblur="if(this.value==)this.value=Input your email;" value="Input your email" /> <label for="pwd">Password</label> <input name="pwd" type="password" id="pwd" style="width:132px;" onfocus="if(this.value==inputpass)this.value=;"onbl...
TextRange是用来表现HTML元素中文字的对象,虽然我们平时不太常用这个对象,可是它却在IE4.0中就已提供了。不过TextRange提供的调用方法却都比较晦涩,那么我们能拿它做些什么呢? TextRange的传统用途是对用户在Web页上用鼠标圈选的文字内容的操作,比如变化、删除、新增等。但其经典的用途却是,在Web页面中查找文字(这个比较简单)和获取输入框光标的位置。其中后者又有可以衍生出很多更有用的用途,比如:限制输入的MaskTe...
TextRange是用来表现HTML元素中文字的对象,虽然我们平时不太常用这个对象,可是它却在IE4.0中就已提供了。不过TextRange提供的调用方法却都比较晦涩,那么我们能拿它做些什么呢? TextRange的传统用途是对用户在Web页上用鼠标圈选的文字内容的操作,比如变化、删除、新增等。但其经典的用途却是,在Web页面中查找文字(这个比较简单)和获取输入框光标的位置。其中后者又有可以衍生出很多更有用的用途,比如:限制输入的MaskTe...
1.打开页面,输入框自动获得焦点 2.用户输入关键词,如果是第一次输入,则自动清空默认Value值Code:关于搜索输入框 function clearInp(o){ if (o.className=="firstInp"){ o.className="doInp"; o.value=""; } } .firstInp {color:#999;} .doInp {color:#f60;} [Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]
测试 function checkIPValid_1() { if(event.shiftKey) { event.returnValue=false; return; } var keyCode = parseInt(event.keyCode); var result=true; if((keyCode==8) || (keyCode==37) || (keyCode==39) || (keyCode==9)) return; if((keyCode>=48) && (keyCode=96) && (keyCode223) { eval("form."+ip).value="223"; alert(ip_1+"不是个有效项目,请指定一个介于1和223之间的数值"); } else if(ip_1==127) { eval("form."+...
div.IPDiv{background:#ffffff;width:120;font-size:9pt;text-align:center;border:2 ridge threedshadow;border-right:inset threedhighlight;border-bottom:inset threedhighlight; } input.IPInput{width:24;font-size:9pt;text-align:center;border-width:0; } if(event.keyCode==13)event.keyCode=9; var IPlikeInputStr=[]; for(var i=0;i"+(i==3?"":"."); document.write(""+IPlikeInputStr.join("")+""); [Ctrl+A 全选...
DirMap * { font-size: 12px } body { margin: 10px; padding: 0px } A { COLOR: black; TEXT-DECORATION: none; } A:hover { COLOR: black; TEXT-DECORATION: none; } A:link { TEXT-DECORATION: none } A:visited { TEXT-DECORATION: none } table.list{ cursor: default; border:1px solid #cccccc background-color: #cccccc; border-collapse: collapse; border-Color: #cccccc; } function check_form() { var ...
第一: 限制只能是整数 <input type = "text" name= "number" id = number onkeyup= "if(! /^d+$/.test(this.value)){alert(只能整数);this.value=;}" />如果不是整数就直接alert 第二: 限制是两位的小数 <input type = "text" name= "price" id = price onkeyup= "if( ! /^d*(?:.d{0,2})?$/.test(this.value)){alert(只能输入数字,小数点后只能保留两位);this.value=;}" />原理: 通过 正则表达式判断,不满足 执行alert。 第一...
很久没写过技术文章了,最近一直在以Webkit作为载体开发系统,当然需要大量使用Html5与CSS3,不仅减少大量的JS还可以保证更流畅。 当选中对话框后,提示文字变浅色,输入后消失.这个现在通行的做法是在Input标签后面增加一个Label。使用JS控制。 HTML5出现后,我们有一个更好的方法。 代码如下: 我们看到有placeholder标签,可以作为用户文字提示。这样子就非常方便了。但是为了最求完美,我们需要在选中后,将文字变浅,或者修改提...
[javascript] vuejs为输入框增加回车事件 ?官网文档里有介绍 , 但是加上事件后不管用 , 此处备注一下要加.native 例如下面的例子: <el-input placeholder="在信息流中搜索关键词" v-model="weiboSearch" v-on:keyup.enter.native="searchWeibo" class="input-with-select"><el-button v-on:click="searchWeibo" slot="append" icon="el-icon-search"></el-button></el-input> 上面的代...
代码如下: var input = prompt("请输入您要搜索的内容:"); //一个弹窗var arr = input; //弹窗输入的内容保存在数组中var index = input.indexOf("草"); //从头开始检测草下标的位置,0为起始点document.write("你输入的一串字为:",arr); //输出用户在弹框中输入的所有document.write("<br/>"); //换行document.write("敏感字'草'字首次出现的位置是:",index); //首次出现document.write("<br/>");//定义一个...
我的注册页面上有一个地址字段,其中包含数字和字母,我想将第一个字母更改为大写.任何人都可以给我一些JavaScript代码来这样做. 例如.1. wallmart street ..Output -> Wallmart street 2. 221,wallmart street.. Output -> 221,Wallmart street.解决方法: function foo(val) {return val.replace(/[a-zA-Z]/, function(letter) {return letter.toUpperCase();}); }