需要实现的效果：一个输入框，当输入框未获得焦点的时候，value 值为 “密码”；当输入框失去焦点的时候，输入内容显示为”*****” <input name=”password” type=”text” id=”showPwd” tabindex=”2″ class=”input” value=”密码” /> 我们很直接会想到下面的js $(“#showPwd”).focus(function(){$(this).attr(‘type,password);}); 发现并没有实现预期效果，出现 uncaught exception type property cant be changed 错误...
input 输入框获得和失去焦点时隐藏或者显示文字我们先看下效果图 输入框默认状态: 输入框获取焦点状态: 大家可以看效果图的搜索输入框，默认显示着“用户名/Email”的提示，当这个 input 输入框获得焦点时，就自动清空等待用户输入，当用户啥也没输入就离开这个 input 输入框时，输入框内又再次显示“用户名/Email”的提示。是不是很常见？很多搜索、登录、表单都会用到这个效果，但是我看了N多个网站，有90%以上是这么实现的： ...
今天看群里有人发起了人人网以前一些面试题，我以前也转载过一些，恰好闲着，挑选一题来做做，练个手。 本题有以下要求： 1. 使用原生代码实现，不可使用任何框架； 2. 对 input框中输入的字符进行匹配，将匹配到的内容以菜单的形式展现在 input框的下方； 3. 只针对英文字符进行匹配，并且匹配到的内容在菜单中加粗； 4. 通过键盘上的上下箭头可以对菜单进行选择，按下回车后将选中的内容写入到 input框中； 思 路 捕捉输入变化，...
今天来说说鄙人对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...
第一： 限制只能是整数 <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。 第一...