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

当前位置：洪哥笔记 > DHTML > 苹果手机上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框显示成输入密码的状态，本文就介绍这么多，希望对大家有所帮助！