Question

我有一个带2个输入的登录页面，一个用于用户名，另一个用于密码，但在手机浏览器中我无法在输入内输入。！你做什么的？这是我的代码：

    <!DOCTYPE html>
<html>
    <head>
        <title>ssss</title>
        <link rel="stylesheet" type="text/css" href="css/style.css" />
        <link type="text/css" rel="stylesheet" href="css/persianDatePicker-default.css" />
        <script type="text/javascript" src="js/jquery.js"></script>
        <script type="text/javascript" src="js/script.js"></script>
        <script type="text/javascript" src="js/persianDatepicker.js"></script>
        <script language="javascript" src="js/num2str.js"></script>
    </head>
    <body>      
        <img src="pic/logo.png" id="logo" />
        <div id="topBar">

        </div>  
        <div id="menuWrapper"></div>
<div id="login">
                <form action="index.php?login" method="post" class="loginForm">
                <input placeholder="username" type="text" id="username" name="username" /><br /><br />
                <input placeholder="password" type="password" id="password" name="password" /><br /><br />
                <input type="submit" value="Login" />
            </form>
        </div>
    </body>
</html>

Answer 1

首先：您锁定</script>而未在之前打开：

</script><script type="text/javascript" src="js/jquery.js"></script>

Answer 2

我找到了：我在我的css文件中有这3行代码导致了这个问题，我删除了它们并且事情变得真实。这是代码：

-webkit-user-select: none; /* Chrome/Safari */        
-moz-user-select: none; /* Firefox */
-ms-user-select: none; /* IE10+ */

Html输入不接受特定页面中移动设备中的任何字符

2 个答案: