input type="tel" 数字输入框显示圆点
2024-10-15 05:26:24
最近开发中遇到一个这样的需求,要求input输入框在手机端出现数字键盘的同时显示圆点,试过各种方法都不太理想,
最终经过查阅大量资料后,终于实现了需求。
●我们一般的密码输入框是这样的:
<input type="password" placeholder="请输入密码">
这个实现了输入密码显示圆点的需求,但是手机上他调出来的是字母键盘,所以不符合开发需求。
●所以最终的密码输入框是这样的:
<input type="tel" maxlength="6" style="-webkit-text-security:circle" placeholder="请输入密码">
释: -webkit-text-security用法,
指定用于在密码输入字段中代替字母的形状。
语法:-webkit-text-security: circle | disc | none | square;
circle
:圆形; disc
:圆盘形状(句号) none
:没有使用形状; square
:方形的;
版权声明:本文为博主原创文章,转载需注明出处。http://www.cnblogs.com/silent007/p/8947569.html
*************************************** END *******************************************
最新文章
- stm32 hid 键盘描述
- ShaderForge
- IQueryable,IEnumerable,List相互转换
- python-操作MySQL数据库
- Android相机使用(系统相机、自定义相机、大图片处理)
- 【转】详解JavaScript中的this
- 使用WITH AS 的ROW_NUMBER分页
- 关于Linux的10个核心面试问题与答案
- C#/.NET使用HttpWebRequest、SqlBulkCopy从API获取数据批量插入DB
- web 自定义监听器中设置加载系统相关的静态变量及属性
- cocoapods导入第三方库
- spring 普通类获取四大作用域request、applicationContext、session、page
- SQLServer之通过视图修改数据
- HTML5<;input>;标签
- ubuntu多显示器单触摸屏校准
- 开发环境--Pipenv的使用
- C语言学习笔记 (001) - 常量指针与指针常量的区别(转帖)
- linux命令总结之route命令
- zookeeperclient代码解读
- Oracle function实现根据输入的日期以及天数,获取此日期之后的天数的工作日