la saisie semi-automatique Safari se brise une forme d'entrée

J'ai une forme sur mon site brisé par la saisie semi-automatique de Safari comme ceci: la saisie semi-automatique Safari se brise une forme d'entrée

j'ai essayé de désactiver autocomplete mais n'affecte pas. Voici mon first_name entrée html:

<div class="form-group" _v-3d7f6581=""> 
    <label class="control-label" _v-3d7f6581="">First Name*</label> 
    <input name="first_name" type="text" class="form-control" required="" autocomplete="off" _v-3d7f6581=""> 
    <small class="help-block" _v-3d7f6581="" style="display: none;"></small> 
</div>

css:

.form-group input[type=text], 
.form-group input[type=password], 
.form-group input[type=number], 
.form-group input[type=email], 
.form-group select, 
.form-group textarea { 
    display: block; 
    width: 100%; 
}

Quelqu'un a la solution pour résoudre ce problème?

Source

2017-08-23 Muh Ghazali Akbar

Demandez-vous comment désactiver la saisie semi-automatique ou demander comment résoudre le problème? – Will

Désolé, juste mis à jour post. Je demande à résoudre ce problème. –

Alors, comment exactement est-ce cassé "par autocomplete"? Vous avez dit que vous l'avez désactivé via l'attribut HTML, mais l'effet est toujours visible. Cela ne s'affiche-t-il qu'après avoir sélectionné les valeurs via la saisie semi-automatique, mais pas si vous avez tapé ces valeurs manuellement dans les champs du formulaire? – CBroe

Vous pouvez éditer le CSS des entrées auto-complétées directement en utilisant webkit! Lorsque vous l'utilisez, assurez-vous de vérifier la compatibilité multiplateforme, comme vous l'avez mentionné, ce problème est spécifique à Safari. Vous pouvez trouver utile de l'utiliser à votre avantage et n'appliquer que les modifications à Safari.

input:-webkit-autofill { 
    text-size: 0.8em; 
}

Vous pouvez appliquer les mêmes paramètres à tous vos entrées en enchaînant les identifiants CSS, les classes, et ainsi de suite!

Pour plus d'informations sur l'utilisation de webkit pour éditer les formulaires à remplissage automatique, checkout this article here!

Source

2017-08-23 08:43:28 Will

la saisie semi-automatique Safari se brise une forme d'entrée

Répondre

Questions connexes