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

Posted justsmile2

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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;
 

以上是关于input 非 password 类型 输入框显示圆点的主要内容,如果未能解决你的问题,请参考以下文章

HTML 输入类型

SCSS/CSS 选择器选择所有输入类型

用户交互input

输入类型箭头旋转按钮非标准

input元素的23种type类型

将 input type="text" 更改为 input type="password" onfocus()