先上一段代码，大家可以在iphone的浏览器里面试一下：
<!DOCTYPE html>
<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框显示成输入密码的状态，本文就介绍这么多，希望对大家有所帮助！