苹果手机上password框前的text框显示成输入密码的状态


关键词

iOS 苹果 password text 密码

摘要

本文介绍在苹果手机上的一个bug,绝对是一个bug。如果一个password类型的input框跟在一个text框后,text框会被显示成输入密码的状态。
先上一段代码,大家可以在iphone的浏览器里面试一下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>标题</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
    <form method="post" action="testing.php" id="test" name="">
        <p>text: <input type="text" name="test" value="" /></p>
        <p>password: <input type="password" name="test" value="" /></p>
    </form>
</body>
</html>

前面一个text框点上去,就让你输入密码。如果你是只想输入数字的框,那就麻烦了。再看看解决办法,哈哈:

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8" />
    <title>password框前的text框显示成输入密码的状态</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
</head>
<body>
    <form method="post" action="testing.php" id="test" name="">
        <p>text: <input type="text" name="test" value="" /></p>
        <p>password: <input type="text" name="te1st" value="" style="width: 0px;height:0px;position: absolute; top: -100px; height: -100px;" /><input type="password" name="test" value="" /></p>
    </form>
</body>
</html>

其实这都不能算解决办法,说白了,就是在password框前加一个text框。你password不是喜欢污染前面的text框吗,我就喂你一个,让你去污,反正我也不要了,只要你不把前面两个都污了就行。

好了,关于password框前的text框显示成输入密码的状态,本文就介绍这么多,希望对大家有所帮助!

 

要饭二维码

洪哥写文章很苦逼,如果本文对您略有帮助,可以扫描下方二维码支持洪哥!金额随意,先行谢过!大家的支持是我前进的动力!

文章的版权


如果您在服务器运维、网络管理、网站或系统开发过程有需要提供收费服务,请加QQ:115085382!十年运维经验,帮您省钱、让您放心!
亲,如果有需要,先存起来,方便以后再看啊!加入收藏夹的话,按Ctrl+D

« javascript数组求和函数,使用reduce实现