【jquery 处理密码输入框（input type="password" ） 模仿placeholder】的更多相关文章

[转载]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…

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会弹出是否保存密码的提示框,点击保存密码按钮, 然后接着退出账户, 这…

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="…

input type="datetime-local" 时placeholder不显示

一个坑,input的type="datetime-local" 时,电脑上会显示提示,如图 <input type="datetime-local" name="user_date" placeholder="请选择时间" /> 但是,手机上不会显示,就是一片白,加上placeholder也是白费. 添上这段代码,亲测ios可以正常提示提示信息,安卓还是一片白. input[type="datetime-…

chrome下input[type=text]的placeholder不垂直居中的问题解决

http://blog.csdn.net/do_it__/article/details/6789699 <input type="text" placeholder="search word" name="p" /> 但是在chrome下显示的search word并不能垂直居中. 后来找了很久终于在stackoverflow上找到了对应的方法. 参考:http://stackoverflow.com/questions/49196…

手机端input[type=date]的placeholder不起作用

<div class="input clearfix"> <label class="fl">起始日期</label> <input class="fl text_date" type="date" name="" value="" placeholder="年/月/日" /> </div> <div…

利用jquery来隐藏input type="file"

<li> <input type="text" name="token" value = "<?php ech$_SESSION['token']; ?>"> 头像:<input type="file" id="file" style="display:none;" name ="u_img" > <img src…

jquery对所有<input type="text"的控件赋值

function resetData() {      $("input[type=text]").each(      function() {     $(this).attr("value","");      }      );  }…

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

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

input type=passoord 密码框的明密文(显示和隐藏) 显示

最近在写一个新的项目,从头开始写,所以就要从注册登录开始做起.以前写登录注册模块的时候,无外乎给input框一个type=”password”就可以了,近期因为要涉及到显示隐藏状态的切换. 样式代码如下: 注: html: <ul> <li class="phone bgImg"> <input type="text" id="phone" maxlength="11" placeholder=&…

input type="tel" 输入框显示密文

为了在移动端实现密码输入框且调起的键盘为数字键盘,可以用-webkit-text-security:disc;text-security:disc;属性来实现. 语法: text-security: circle | disc | none | square; -webkit-text-security: circle | disc | none | square; none 无.circle 圆圈.disc 圆形.square 正方形. //当type="password"时,输入框…

html基础之 input:type

Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍.1,type=text输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等.当然这也是Input的默认类型.参数name:同样是表示的该文本输入框名称.参数size:输入框的长度大小.参数maxlength:输入框中允许输入字符的最大数.参数value:输入框中的默认值特殊参数readonly:表…

input type类型和input表单属性

一.input type类型 1.Input 类型 - email 在提交表单时,会自动验证 email 域的值. E-mail: <input type="email" name="user_email" /> 当不符合邮箱的时候会自动弹出 2.Input 类型 - url url 类型用于应该包含 URL 地址的输入域. 在提交表单时,会自动验证 url 域的值. Homepage: <input type="url" na…

jQuery中的:input选择器

jQuery中的:input选择器 jQuery中的:input选择器包含input, textarea, select 和 button这些标签. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"&g…

<input type=XXXXX>

选框,提交/重置按钮等,下面一一介绍. 1,type=text  输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等.当然这也是Input的默认类型.  参数name:同样是表示的该文本输入框名称.  参数size:输入框的长度大小.  参数maxlength:输入框中允许输入字符的最大数.  参数value:输入框中的默认值  特殊参数readonly:表示该框中只能显示,不能添加修改.  <form>  your name: …

JSP中 input type 用法

JSP中 input type 用法 Input表示Form表单中的一种输入对象,其又随Type类型的不同而分文本输入框,密码输入框,单选/复选框,提交/重置按钮等,下面一一介绍. 1,type=text 输入类型是text,这是我们见的最多也是使用最多的,比如登陆输入用户名,注册输入电话号码,电子邮件,家庭住址等等.当然这也是Input的默认类型. 参数name:同样是表示的该文本输入框名称. 参数size:输入框的长度大小. 参数maxlength:输入框中允许输入字符的最大数. 参数val…

html之常用input type

单选框,用name区分是否为一组,value表示提交时的值,checked表示被勾选 <input type="radio" name="sex" value="man"/ > 图片具有提交功能 <input type="image" src="img/bg.ong"/> 隐藏控件 <input type="hidden" name="id&quo…

CSS 去掉IE10中type=password中的眼睛图标

在IE10中,input[type=password],如果我们输入内容后,内容会变成圆点,这与以前一样,但后面多了一个眼睛图标,我们鼠标移过去按下会出现输入内容.有时我们想去掉这功能.IE10允许我们通过伪元素处理掉它. #aaa::-ms-reveal{ display:none; }…

通过样式调整input 中password text默认长度

原文出处 <input >标签内的type分别为password和text时其默认长度和宽度不一致,而在做登陆框时往往需要将它们的长度和宽度设置一致.如下的方法可以通过css控制使其一致: <html> <head></head> <body> 调整前:</br> 用户名:<input type="text" id="tex"></br> 密 码:<input ty…

<input> type 属性

单行文本域 语法格式:<input  type = “text” 属性 = “值” /> 常用属性 1  name:文本框的名字.命名规则是:可以包含字母.数字.下划线,只能以字母开头. 2  type:表单元素的类型. 3  value:文本框中的值. 4  size:文本框的长度,以“字符”为单位. 5  maxLength:最多可以输入多少个字符,超出的就输不进去了. 6  readonly:只读属性.可以选中,但不能修改.如:readonly = “readonly” 7  disab…

手机端input[type=date]的时候placeholder不起作用解决方案

目前PC端对input 的date类型支持不好,我试下来的结果是只有chrome支持.firefox.IE11 都不支持.而且PC端有很多日历控件可供使用.就不去多考虑这点了. 那么在移动端的话,ios和安卓都是支持的,但是当type类型是date的时候placeholder属性又会失效.PC端的chrome默认显示是“年/月/日”,但在移动端就是一片空白了. 移动端自带的日期控件确实是个好东西.让用户填写的时候体验很好,很方便.对前端来说可以省去验证日期格式这一步.这么好的东西怎么能舍弃呢.…

JQuery获取input type="text"中的值的各种方式

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title>JQuery获取文本框的值</title> <meta http-equ…

IE去掉input的type=”text”输入内容时出现的X和type=”password”出现的眼睛图标

从IE 10开始,type=”text” 的 input 在用户输入内容后,会自动产生一个小叉叉(X),方便用户点击清除已经输入的文本.对于type=”password”的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容.有时候我们不要到到,所有可以去掉,代码如下: ::-ms-clear,::-ms-reveal{display:none;} ::-ms-clear 是文本清除按钮,也就是input右方的叉叉 ::-ms-reveal是密码查看按钮,也就密码框右…

IE10去掉input的type=”text”输入内容时出现的小叉号（X）和type=”password”出现的小眼睛图标

最近在做一个后台管理系统项目,遇到以下两个问题: 1.从IE 10开始,type="text" 的 input 在用户输入内容后,会自动产生一个小叉号(X),方便用户点击清除已经输入的文本.2.对于type="password"的 input 则会在右方显示一个小眼睛的图标,占击这个图标可以显示已经输入的内容. 有时候为了统一UI页面效果,我们不要到浏览器自带的小叉叉(×)和小眼睛图标,所有需要去掉,代码如下: input::-ms-clear, input::-m…

input type date 解决移动端显示placeholder

在最近的一个项目中使用到了html5的一个新标签属性,type="date"时,发现placeholder属性失效无法使用. 如果是这样的效果,那么客户体验是可想而知的差了. 最后想了一下,想到用css+js双保险来搞定它. 方法1: css: input[type="date"]:before{ content: attr(placeholder);//强制给placeholder属性 color:#aaa;// 这种灰色应该是最适合的 } 做到这一步还不行,因为…

jquery中选择器input:hidden和input[type=hidden]的区别

关于选择器:hidden的说明,在jquery说明文档中是这样说的:匹配所有不可见元素,或者type为hidden的元素.而[type=hidden]是查找所有type属性等于hidden的元素.两者是有相同之处和不同之处的.:hidden匹配所有不可见元素,或者type为hidden的元素,所有样式display等于none的元素和子元素以及type="hidden"的表单元素都在查找的结果中,而[type=hidden]则只查找type属性为hidden的元素. 所以,input:…

jQuery操作<input type="radio">

input type="radio">如下: <input type="radio" name="city" value="BeiJing">北京 <input type="radio" name="city" value="TianJin">天津 <input type="radio" name="c…

jquery的input:type=file实现文件上传

<!DOCTYPE html> <html> <head> <title>html5_2.html</title> <style> #up{ z-index: 19891015; width: 600px; height: 350px; position: relative; } .title{ background: #009f95; color: #fff; border: none; padding: 0 80px 0 20px…

Jquery给input[type=radio] 控件赋值

setobject: function (data, scope, win) { //data jsoon数据, scope,一般为form的id,win 窗口对象,如果在当前window win=null $.each(data, function (id, value) { //循环json数据每个属性 var control; //当前控件 if (scope) { if(win){ control = $("#" + scope + " #" + id,wi…