为了实现密码输入框,输入数字时也显示圆点,可以用-webkit-text-security:disc;text-security:disc;属性。
语法:
text-security: circle | disc | none | square;
-webkit-text-security: circle | disc | none | square;
//当type="password"时,输入框显示为圆点,调起的是英文键盘
<input type="password" placeholder="password"/>
//当type="number" 或者 type="tel" 时,想要输入框显示圆点,同时调起数字键盘
<input type="number" placeholder="number" style="-webkit-text-security:disc;text-security:disc;"/>
<input type="tel" placeholder="tel" placeholder="tel" style="-webkit-text-security:disc;text-security:disc;"/>