input type="tel" 输入框显示密文
Posted wxcbg
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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"时,输入框显示为圆点,调起的是英文键盘,而不是我们想要的数字键盘
<input type="password" placeholder="password"/>
//当type="number" 或者 type="tel" 时,想要输入框显示圆点密文,同时调起数字键盘
<input type="tel" placeholder="tel" placeholder="tel" style="-webkit-text-security:disc;text-security:disc;"/>
以上是关于input type="tel" 输入框显示密文的主要内容,如果未能解决你的问题,请参考以下文章
如何从 intl-tel-input 中删除重复的国家/地区
input type='tel' VS type='number'
将 input type="text" 更改为 input type="password" onfocus()