无法写入野生动物园的输入字段

ios Vue.js

Jim伽罗

2020-03-24

我有一个无法在Iphone上选择的输入字段。我可以单击输入,但它没有聚焦。出现要写的键盘,但是当我在其中写东西时,什么也没发生。因此,我无法填写输入字段。我的CSS中缺少什么吗?

<div class="container" v-if="user === null">
        <div class="input">
            <input type="text" v-model="username" placeholder="E-Mail">
        </div>
        <div class="input">
            <input type="password" @keyup.enter="authenticate" v-model="password" placeholder="Passwort">
        </div>
        <div class="buttons">
            <button @click="authenticate">Log In</button>
        </div>
    </div>

第3229篇《无法写入野生动物园的输入字段》来自Winter(https://github.com/aiyld/aiyld.github.io)的站点

2个回答
小胖 2020.03.24

试着把你的input嵌套在一个form这对于验证和可访问性更好,并且也可以解决您的问题。

您的登录按钮也应该是该submit 类型。看到该链接:https : //www.w3schools.com/html/html_forms.asp

古一 2020.03.24

我在我的网站上出错。我使用的模板具有以下规则的style.css

* {
  user-select: none;
  -khtml-user-select: none;
  -o-user-select: none;
  -moz-user-select: -moz-none;
  -webkit-user-select: none;
}

我必须为野生动物园添加以下内容:

input, input:before, input:after {
  -webkit-user-select: initial;
  -khtml-user-select: initial;
  -moz-user-select: initial;
  -ms-user-select: initial;
  user-select: initial;
}

问题类别

JavaScript Ckeditor Python Webpack TypeScript Vue.js React.js ExpressJS KoaJS CSS Node.js HTML Django 单元测试 PHP Asp.net jQuery Bootstrap IOS Android