码迷,mamicode.com
首页 > 其他好文 > 详细

input type="tel" 输入框显示密文

时间:2019-01-02 16:19:03      阅读:550      评论:0      收藏:0      [点我收藏+]

标签:输入框   word   none   uri   ace   type   style   密文   属性   

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

标签:输入框   word   none   uri   ace   type   style   密文   属性   

原文地址:https://www.cnblogs.com/wxcbg/p/10208998.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!