IOS aygıtları HTML form girdisi ile ilgili sorunlar (tür = metin)

Question

İki alanlı bir HTML giriş formum var: E-posta ve Şifre. Bunlar, IOS cihazlarından (iPhone, iPad) başka herhangi bir cihazın tarayıcısına kolayca doldurulabilir. IOS alanlarında net bir şekilde odaklama yapılamayabilir ve odakta bir kez klavye açılır, yazmaya başladım ancak hiçbir şey dolduruyor. Hem Chrome'da hem de Safari'de denedim ve yine de aynı sonucu aldım. Alan siyah kalır. Körük benim form biçimlendirilmiş nasıl:

<form method="post" name="login" action="login"> 
    <div class="divInputWrapper "> 
     <i class="icon-envelope inputIcon inlineElt"></i> 
     <label for="email"></label> 
     <input type="text" name="email" placeholder="Enter your email address" class="formInput"/> 
    </div> 
    <div class="divInputWrapper "> 
     <i class="icon-envelope inputIcon inlineElt"></i> 
     <label for="password"></label> 
     <input type="password" name="password" class="formInput"/> 
    </div> 
    <button class="blue centeredContent">Login</button> 
</form> 

hala aynı, bir otofokus özelliğini ekleyerek çalıştı bir değeri önceden ve.

Answer 1

Sorun bulundu, kullanıcının bir öğeye dokunup beklediğinde dokunma aygıtı davranışı konusunda yardımcı olması için çevrimiçi olarak bulduğum bir stil sayfası sıfırlaması. Bu, projelerimin çoğunda kopyaladım.

*, *:before, *:after { 
     -webkit-user-select: none; 
     -khtml-user-select: none; 
     -moz-user-select: none; 
     -ms-user-select: none; 
     user-select: none; 
    } 

Dolayısıyla, sadece kaldırmak veya varsayılan olarak ayarlayın: Bu sorunu varsa Yani, size css bu hatları var dolayıdır. niyetinizi web sitenizde şeyler seçerek insanları durdurmak için ise, o zaman bu tarz mülkiyet girişlerine

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