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;"/>

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

时间: 2024-10-31 20:29:25

input type="tel" 输入框显示密文的相关文章

input type=&quot;tel&quot; 数字输入框显示圆点

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

input type=&#39;tel&#39; VS type=&#39;number&#39;

有个小需求 验证手机号(移动h5) 手机上点输入框调起数字键盘,并且只能输入11位纯数字 一开始用的<input type='number' v-model="phone" maxlengt="11"> 但是有两个问题: 一是maxlength不起作用 无法限制长度 另一个是 由于数字键盘可以输入'-+.'这两个字符 一旦输入这两个字符 this.phone 的值就变成空(暂未发现原因,待更新) 解决办法: type的属性值 有一个tel 定义用于电话号

iphone H5 input type=&quot;search&quot; 不显示搜索 解决办法

H5 input type="search" 不显示搜索 解决办法 H5 input type="search" 不显示搜索 解决方法 在IOS(ipad iPhone等)系统的浏览器里打开H5页面.如下写法: <input type="search" name="search” id="search"> 以上设备的键盘仍然显示“换行”. 解决方法如下:在input外面嵌套一层form: <form

使用freemarker模板引擎,后台返回的时间格式(datetime类型)无法显示在input type=&quot;text&quot;中显示

详情: 在使用freemarker是,在后台查出user,其中有入职时间entryDate(date类型),当我想要将 entryDate 显示在 <input type="text" value="${user.entryDate}"/>时,出现错误,无法显示 显示页面: 原因: 因为freemarker无法确定用那种格式来显示这个时间 解决办法: 在 <input type="text" value="${user

input type:text输入框点击输入,文字消失

<input name="Header1$txbsearch" type="text" value="18912345678" id="Header1_txbsearch" class="txbindex" onfocus="if (value =='18912345678'){value =''}" onblur="if (value ==''){value='1891

input type=file输入框

<div class="row"> <!--选择图片按钮--> <div class="col-xs-12" align="center" id="view"> <img id="upload_img" src="img/enroll/upload-btn.png" style="width: 254px;height: 246px;&

input type file 获得用户选择的一般方法

<script type="text/javascript"> function ShowExcelFile() { var tempName = $("#selectOriginFile_CertificationTemplateSelect").val(); if (tempName != null && tempName != "") { window.open("/home/ReadExcelFile

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

&lt;input type=&quot;file&quot; /&gt;浏览时只显示指定文件类型

<input type="file" />浏览时只显示指定文件类型 <input type="file" accept="application/msword" ><br><br>accept属性列表<br> 1.accept="application/msexcel"2.accept="application/msword"3.accept=&q