input type="password" 设计长度

2024-10-05

HTML中input type="text"和type="password" 显示的长度不一样

在CSS里边加上input {width:100px;}能把所有input标签的控件宽度改为相同! 加上这个属性 style="width:180px;"

[转载]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 中password text默认长度

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

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

<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

<input> type 属性

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

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

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

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" 输入框显示密文

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

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

Html5 填表表单(二) input type 各种输入, 各种用户选择,上传等等泛输入用户交互

<input> 无限制输入 type 限制输入 type = 如下类型 type 后还可以跟一些属性: 如<input type=text maxlength = 10> 限制文本的长度为10字节 list 可以用的时候再来查, list就是当一个建议值不够的时候添加到几个. <form> <input type="text" name="usr" list="

【转】自定义(滑动条)input[type="range"]样式

1.如何使用滑动条? 用法很简单,如下所示: <input type="range" value="0"> 各浏览器原始样式如下: Chrome: Firefox: IE 9+: 常用(部分)属性如下: 属性描述 max 设置或返回滑块控件最大值 min 设置或返回滑块控件最小值 step 设置或返回每次拖动滑块控件时的递增量 value 设置或返回滑块控件的value值 defaultValue 设置或返回滑块控件的默认值 autof

自定义样式实现文件控件input[type='file']

一般我们设计的上传按钮都是和整个页面风格相似的样式,不会使用html原生态的上传按钮,但是怎么既自定义自己的样式,又能使用file控件功能呢? 思路是这样的: 1.定义一个相对定位的DIV,按照整成步骤实现自己的结构和样式: 2.在DIV里添加<input type="file" class="my-file"> 3.将file控件绝对定位,宽度和高度全部覆盖掉父元素,并且设置透明度为0. 实现代码如下: .my-file { cursor: point

input type="password" 设计长度

热门专题