zoukankan      html  css  js  c++  java
  • input type="tel" 数字输入框显示圆点

    最近开发中遇到一个这样的需求,要求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   *******************************************

  • 相关阅读:
    Selenium上传文件方法总结
    Maven安装配置
    selenium 3+java 配置全
    使用Eclipse创建Maven项目
    maven 学习
    解决Tomcatt下连接数据库的classNoFount问题
    Cookie的使用
    登录验证
    Servlet概述
    计算机科学学院静态网页
  • 原文地址:https://www.cnblogs.com/silent007/p/8947569.html
Copyright © 2011-2022 走看看