input 密码框调出手机的数字键盘

对于某些密码，想要在手机上调出数字键盘，同时要隐藏文字。可结合type=tel和 text-security属性达到目的。

input{-webkit-text-security:disc;text-security:disc; /*使用指定形状代替文字显示 circle圆圈 disc 圆形 square 正方形*/}

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>输入密码时，调出手机的数字键盘</title><style>input{-webkit-text-security:disc;text-security:disc; /*使用指定形状代替文字显示 circle圆圈 disc 圆形 square 正方形*/}</style></head>
<body>
<input type="tel" id="pass" /><script>window.onload = init;function init(){var x = document.getElementById("pass");var style = window.getComputedStyle(x);if(style.webkitTextSecurity){//do nothing}else{x.setAttribute("type","password");}}</script>
</body>
</html>

转载于:https://www.cnblogs.com/lydialee/p/5671317.html

input 密码框调出手机的数字键盘相关推荐

input验证码框，输入非数字或非12位时，红框提示;每4位加一个空格
以下代码:input验证码框,输入非数字或非12位时,红框提示;每4位加一个空格 //input验证码框,输入非数字或非12位时,红框提示;每3位加一个空格$(".text").f ...
HTML里怎么设置密码框为星号,input密码框输入后设置显示为星号或其他样式
预览效果核心代码 {{"*".repeat(text.length)}} :type="type=='number'?'tel':'text'" ref=&q ...
解决 input密码框自动填充
火狐上input密码框自动填充值的有关问题 By wangzhehui at 2014-06-07 117 阅读 0 回复 0.0 希赛币请点击下面回答中的"采纳为答案&q ...
html 密码框自动填充,解决chrom浏览器input密码框自动填充
前言:如果是同域名网站,并且曾经在该网站下登录过账号密码,并且选择了记住账号密码.chrome浏览器会对账号密码进行自动填充功能,虽然这功能给我们提供了很多方便,但是也带来了些困扰. 一.问题起始 ① ...
input密码框获取焦点，不出现账号密码下拉列表
最近有一个项目表单中有密码框,但是在浏览器上获取input焦点后就会出现之前记住的账号密码信息,产品要求不需要显示这个下拉框. 翻阅了大量的资料并没有好的解决方案: 比较详细的参考链接:https:/ ...
问题：浏览器自动填充input密码框
问题浏览器会默认将已保存的账号密码自动填充到input为type="password"的输入框内(autocomplete="off"不起作用),type ...
Element的input密码框小眼睛（点击眼睛显示密码,再次点击图标隐藏密码）
一.知识点: 带 icon 的输入框,可以通过 prefix-icon 和 suffix-icon 属性在 input 组件首部和尾部增加显示图标,也可以通过 slot 来放置图标. 因为图标涉及点击 ...
阻止浏览器自动填充input密码框
1.最简单的方法,加一个属性autocomplete="new-password". <input type="text" placeholder=&qu ...
模拟手机虚拟数字键盘
<!DOCTYPE html> <html><head><meta charset="utf-8" /><meta name= ...

input 密码框调出手机的数字键盘

input 密码框调出手机的数字键盘相关推荐

最新文章

热门文章