input 非 password 类型 输入框显示圆点

1. 应用场景

某些场合需要唤起软键盘为纯数字 ( mobile )

2. 技术实现

若设置 input 输入类型为 password  则唤起软键盘为普通键盘,虽然此时显示为圆点,但是不是全数字键盘。

设置 type=‘number’   或者  type=‘tel’  ,同时指定样式为

-webkit-text-security:disc;

-ms-text-security:disc;

-moz-text-security:disc;

-o-text-security:disc;

text-security:disc;

原文地址:https://www.cnblogs.com/justSmile2/p/10691567.html

时间: 2024-11-13 08:14:35

input 非 password 类型 输入框显示圆点的相关文章

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

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

input type=&quot;tel&quot; 输入框显示密文

为了在移动端实现密码输入框且调起的键盘为数字键盘,可以用-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"时,输入框

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型)

前端1-----块级标签(独占一行),排版标签(样式排版),其他标签,form表单(input的多种类型) 一丶HTML块级标签 排版标签 p 标签: 段落标签,会自动在段落上下加上空白来分开 p标签是一个文本标签,本身是一个块级标签不能再嵌套块标签 div 标签: 没有样式的标签 ,最常用 列表 ???????1.无序列表 常用 ??????2.有序列表 ??????3.标题列表 # 无序列表 circle:空心圆, disc:默认实心圆,square:实心方片 <ul type='circl

EditTextPreference点击后输入框显示隐藏内容,类似密码输入(转)

http://bbs.anzhuo.cn/thread-928131-1-1.html EditTextPreference点击后输入框显示隐藏内容,类似密码输入... [复制链接]     askilledhand ADD.幼儿园 UID 2186431 帖子 46 精华 0 积分 34 最后登录 2014-3-5 串个门 加好友 打招呼 发消息 电梯直达 1楼  发表于 2013-11-18 11:59:03 |只看该作者 |倒序浏览  一键分享 [新人报到]现在去发帖报道即可领取论坛金币哦

实现password框中显示文字提示的方式

其实实际上实现中并不能让password中显示文字提示,但是我们在工作中有这样的需求,当没输入东西的时候,框内有提示输入密码,但是当输入东西的时候又显示的是*号,那么是如何实现的呢?其实原理很简单,就是放两个文本框,样式以及定位都是一样的.先将type为password的隐藏,只显示type为text的伪密码框,value设置提示内容例如请输入密码.然后当input触发的时候,type为text的input隐藏,让type为password的input显示出来.然后当检测password的val

验证-- email类型输入框(电子邮件地址)--multiple

如果需要一个用来填写电子邮件地址的输入框,可以使用email类型.这样浏览器可以帮我们验证格式是否正确,而不需要自己写验证规则.原文:HTML5新控件 - email类型输入框(电子邮件地址) 1,只允许输入单个邮件地址1<input type="email"/> 2,允许输入多个邮件地址(用逗号分隔)1<input type="email" multiple/>

未经处理的异常在 System.Data.dll 中发生。其他信息:在应使用条件的上下文(在 &#39;***&#39; 附近)中指定了非布尔类型的表达式。

机房收费系统中,有些人在联合查询这个模块用的是存储过程,我先尝试着在数据库中建立了一个视图,然后在UI层做个判断并生成查询条件strCondition. 在机房收费系统的"联合查询"模块中出现的问题:"System.Data.SqlClient.SqlException"类型的未经处理的异常在 System.Data.dll 中发生.其他信息: 在应使用条件的上下文(在 '@strCondition' 附近)中指定了非布尔类型的表达式. 出错的DAL层代码为: Pu

非托管类型转换为托管类型对照表

Wtypes.h 中的非托管类型 非托管 C 语言类型 托管类名称 描述 句柄 void* [ T:System.IntPtr ] 在 32 位 Windows 操作系统上为 32 位.在 64 位 Windows 操作系统上为 64 位. BYTE unsigned char [ T:System.Byte ] 8 位 SHORT short [ T:System.Int16 ] 16 位 WORD unsigned short [ T:System.UInt16 ] 16 位 INT int

form表单中的input有哪些类型

1.button <input type="button"/> 2.checkbox <input type="checkbox"/> 3.file <input type="file"/> 4.hidden <input type="hidden"/> 5.image <input type="image"/> 6.password <in