[转载]Js小技巧||给input type=“password”的输入框赋默认值

【[转载]Js小技巧||给input type=“password”的输入框赋默认值】的更多相关文章

[转载]Js小技巧||给input type=“password”的输入框赋默认值

http://www.cnblogs.com/Raywang80s/archive/2012/12/06/2804459.html [转载]Js小技巧||给input type="password"的输入框赋默认值直接给 input type="password"的输入框赋值不行,由于安全因素,不允许对密码框赋默认值,只能通过键盘的方式输入值.而又要在密码框显示*密码,换个思路使用简单的js脚本即可实现这个效果. <input type="pa…

js小技巧总结

js小技巧总结 1.Array.includes条件判断 function test(fruit) { const redFruits = ["apple", "strawberry", "cherry", "cranberries"]; if (redFruits.includes(fruit)) { console.log("red"); } } 2.set与去重 ES6 提供了新的数据结构 Set.它…

BUG笔记：Win8 IE10下input[type="password"]内字符显示被截取问题

这个BUG发生的截图: 这是发生在Windows8 IE10下,type为password的input文本框内输入长串字符后,初次失去焦点的时候会发生的一个BUG. 发生BUG的原因是这个文本框上应用的字体为@font-face指定的非web-safe字体. 不过我并未使用多个web-safe字体或非web-safe实验来验证这点,IE11也未验证,简单地指定.gt-ie9 input[type="password"] { font-family: Arial; } 来解决了这个问题.…

input type=password 浏览器会自动填充密码的问题

解决办法是在form上或input上添加autoComplete="off"这个属性. form表单的属性如下所示: 但是这个解决方案在谷歌和火狐上均有bug,下面来一个一个解决. 1.'autocomplete="off"'在Chrome中不起作用解决方案网站项目中,有登录和注册的弹框,在除chrome的浏览器中一切都ok,一旦在谷歌浏览器中,问题来了: 首先从登录弹框中登陆成功,chrome会弹出是否保存密码的提示框,点击保存密码按钮, 然后接着退出账户, 这…

input type="tel" 数字输入框显示圆点

最近开发中遇到一个这样的需求,要求input输入框在手机端出现数字键盘的同时显示圆点,试过各种方法都不太理想, 最终经过查阅大量资料后,终于实现了需求. ●我们一般的密码输入框是这样的: <input type="password" placeholder="请输入密码"> 这个实现了输入密码显示圆点的需求,但是手机上他调出来的是字母键盘,所以不符合开发需求. ●所以最终的密码输入框是这样的: <input type="tel"…

javascript小技巧-js小技巧收集(转)

本文转载自:http://blog.csdn.net/ocean20/article/details/2498699 每一项都是js中的小技巧,但十分的实用! 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得…

html/css/js小技巧实例

一些学习中碰到的小技巧让div自动撑起来: .clearfix:after{ content: "."; clear: both; display: block; visibility: hidden; height: 0; } 用css画出尖角/三角 transparent:表示透明 .icon{ display: inline-block; border-top: 15px solid transparent; border-bottom: 15px solid red; bor…

js 获取、清空 input type="file"的值 .（转）

上传控件基础知识说明: 上传控件(<input type="file"/>)用于在客户端浏览并上传文件,用户选取的路径可以由value属性获取,但value属性是只读的,不能通过javascript来赋值,这就使得不能通过value=""语句来清空它.很容易理解为什么只读,如果可以随意赋值的话,那么用户只要打开你的网页,你就可以随心所欲的上传他电脑上的文件了. js 获取<intput type=file />的值 <html>…

jquery 处理密码输入框（input type="password" ）模仿placeholder

html <form method="post" action=""> <ul> <li> <span>邮箱</span> <input type="text" name="email" value="请输入邮箱" onfocus="if(value == '请输入邮箱'){value =''}" onblur="…

(网页)20个JS 小技巧超级实用

转自CSDN: 1. 将彻底屏蔽鼠标右键 oncontextmenu=”window.event.returnValue=false”< table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table 2. 取消选取.防止复制 < body onselectstart=”return false”> 3.JS不允许粘贴 onpaste=”return false” 4. JS防止复制 o…

20个JS 小技巧超级实用

1. 将彻底屏蔽鼠标右键 oncontextmenu=”window.event.returnValue=false” < table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table 2. 取消选取.防止复制 < body onselectstart=”return false”> 3.JS不允许粘贴 onpaste=”return false” 4. JS防止复制 oncopy=”…

JS小技巧大本事（持续更新）

1. 复制N个字符 String.prototype.repeat = function(num){ return (new Array(++num)).join(this); } var a = 'A'; a.repeat(5); //'AAAAA' 2. 替代if…else… var result; result = isTrue ? something : anotherthing; result = something || anotherthing; result = somethin…

转：js小技巧 ,将彻底屏蔽鼠标右键,可用于Table ,取消选取、防止复制,IE地址栏前换成自己的图标

1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键<table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取.防止复制 3. onpaste="return false" 不…

js小技巧（收集的）

一.事件源对象 event.srcElement.tagName //IE浏览器 event.srcElement.type event.target.tagName //dom浏览器 event.target.type 二.捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值…

可以提升幸福感的js小技巧（下）

4.数字 4.1 不同进制表示法 ES6中新增了不同进制的书写格式,在后台传参的时候要注意这一点. 29 // 10进制 035 // 8进制29 原来的方式 0o35 // 8进制29 ES6的方式 0x1d // 16进制29 0b11101 // 2进制29 4.2 精确到指定位数的小数将数字四舍五入到指定的小数位数.使用 Math.round() 和模板字面量将数字四舍五入为指定的小数位数. 省略第二个参数 decimals ,数字将被四舍五入到一个整数. const round =…

可以提升幸福感的js小技巧（上）

1. 类型强制转换 1.1 string强制转换为数字可以用 *1来转化为数字(实际上是调用 .valueOf方法) 然后使用 Number.isNaN来判断是否为 NaN,或者使用 a!==a 来判断是否为 NaN,因为 NaN!==NaN '32' * 1 'ds' * 1 // NaN undefined * 1 // NaN 1 * { valueOf: ()=> '3'} 常用:也可以使用 +来转化字符串为数字 + '123' + 'ds' // NaN + ' ' + + unde…

JS中通过Input中id获取输入框中的值

HTML中 <input type="text" id="ONE" oninput="kpi()"> JS中 function kpi(){ var sr = document.getElementById("ONE").value; console.log(sr); }…

关于去除input type='file'改变组件的默认样式换成自己需要的样式的解决方案

在工作中时常会遇到如需要上传功能的按钮,而不像需要系统默认的样式时候,可以采取以下的解决方案: <img onclick="getElementById('file').click()" style="cursor:pointer;" title="点击添加图片" alt="点击添加图片" src="sc.png"> <input type=&…

一些CSS/JS小技巧

CSS部分 1.文本框不可点击 .inputDisabled{ background-color: #eee;cursor: not-allowed;} 2.禁止复制粘贴 onpaste="return false" oncontextmenu="return false" oncopy="return false" oncut="return false" JS部分 1.实现复选框部分选中状态 <input id=&q…

js 小技巧

如果想让js每次加载时,都要执行, 那么在 <script type="text/javascript" >中加一个属性reload="1", <script type="text/javascript" reload="1"></script>…

【JS小技巧】JavaScript 函数用作对象的隐藏问题

用户反馈 @消失的键盘在论坛反馈了一个问题,在 AppBoxMvc 中的 Title 模型中,如果将 Name 属性改名为小写的 name 属性,就会报错: 因为这是一个 ASP.NET MVC 的项目,而这个属性是通过 TextBoxFor 渲染到页面上的,因此 name 会生成为 DOM 节点的 id 属性: F.SimpleForm() .ID("SimpleForm1") .ShowBorder(false) .ShowHeader(false) .BodyPadding()…

【JS小技巧】JavaScript 函数用作对象的隐藏问题（F.ui.name）

用户反馈 @消失的键盘在论坛反馈了一个问题,在 AppBoxMvc 中的 Title 模型中,如果将 Name 属性改名为小写的 name 属性,就会报错: 因为这是一个 ASP.NET MVC 的项目,而这个属性是通过 TextBoxFor 渲染到页面上的,因此 name 会生成为 DOM 节点的 id 属性: F.SimpleForm() .ID("SimpleForm1") .ShowBorder(false) .ShowHeader(false) .BodyPadding()…

js小技巧--摘录1

原文地址https://github.com/loverajoel/jstips 1.数组中插入元素 a.尾部追加 var arr = [1,2,3,4,5]; var arr2 = []; arr.push(6); arr[arr.length] = 6; arr2 = arr.concat([6]); //快慢排序1. arr[arr.length] = 6; // 平均42 345 449 ops/sec 2. arr.push(6); // 慢34.66% 3. arr2 = arr.c…

js小技巧

js判断字符长度直接使用String对象的属性,空格亦算一个字符 myString = "Hello world"; length = myString.length js比较字符串大小 js 字符串可以直接比较大小,规则是比较第一个字符的ascii码,如果第一个相同,继续比较下一位. a= 'AA';b= "B";c= "AC";d="BB" a>b false a<b true a<c true b&l…

js小技巧（二）

//移动的图层,拖动 1.<span style='position:absolute;width:200;height:200;background:red' onmousedown=MouseDown(this) onmousemove=MouseMove() onmouseup=MouseUp()>meizz</span> <script language=javascript> var Obj; function MouseDown(obj) { Obj=obj…

Debug outlook add-in (office.js) 小技巧

这几天在使用office.js 做outlook add-in的时候出现了一个问题: 不知道运行时去调试. 这里给大家介绍两个调试add-in 的方法. office365 其他软件 add-ins 通用 Windows 10 F12 工具 F12 工具在C:\Windows\SysWOW64\F12 (32位系统在System32文件夹下面同样地址) 打开后的界面是这样的当我们加载add-in 之后需要点击右上角的刷新按钮来刷新出来add-in 页面选中相应的目标就进入我们熟悉的 F12…

fullpage.js小技巧

创造一个自适应的section: 在 section 类旁边加上类 fp-auto-height 例如:<div class="section fp-auto-height">Auto height</div> 不返回第一页(第一页只出现一次): 利用回调函数: onLeave (index, nextIndex, direction)监听 nextIndex , 当是第一页时 return false; 把它当监听鼠标滚轮事件:slide通过鼠标滚轮滑动…

js小技巧（一）

事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.act…

前端开发中的一些js小技巧

1.获取某个月的天数 function getDate (year, month) { return new Date(year, month + 1, 0).getDate(); } 2.获取变量类型 function getType (e) { return Object.prototype.toString.apply(e); } getType('aa'); //[object String] getType(11); //[object Number] getType(undefine…

js小技巧：数组去重

JavaScript 数组中去除重复的数据 var arr = [1, 2, 2, 3, '1', null, 'a', 'b', 'a']; var t = {}; var result = arr.filter(function(val) { return t[val] ? false : t[val] = true; }); Array.prototype.filter()…