Почему автозаполнение заполняется в поле промо-кода адресами людей, когда они используют Safari?

Question

У меня есть поле в форме для промо-кодов, это источник

<input class="form-control helen-checkout-promo-input" type="text" placeholder="Apply a promo code" name="promo" autocomplete="new-promo">

Каким-то образом, и я не могу воссоздать это, люди продолжают вводить свой адрес в это поле.Единственное, что я могу подумать, что это будет причиной, будет автоматическое заполнение.Судя по пользовательским агентам, которые я вижу, они поступают в основном из айфонов, а иногда и из Safari на MacOS, это один из них

Mozilla / 5.0 (iPhone; процессор iPhone OS 12_1_4, как MacOS X) AppleWebKit / 605.1.15 (KHTML, как Gecko) Версия / 12.0 Mobile / 15E148 Safari / 604.1

Я пытался установить для этого параметра значение «Выкл.», «Новый», «Новый-промо », удаляя атрибут все вместе, но я все еще вижу, что это происходит много раз в день.Как я могу сказать Safari прекратить автоматическое заполнение этого поля?

(я знаю, что это не случайность, потому что это происходило, может быть, 10 раз в день в течение нескольких месяцев, но исправление этого затрудняется)я)

Answer 1

Если вы установите входное значение на readonly, то автозаполнение ничего не будет вводить в поле, потому что ничего не может быть введено в поле.Вы можете поместить в тег другой атрибут, который отключит readonly в фокусе, поэтому, когда пользователь выбирает поле для ввода своих данных, readonly будет отключен.Таким образом, автозаполнение не может попытаться заполнить это поле, и адрес не будет введен в поле промо-кода (если, конечно, автозаполнение не является проблемой, и проблема заключается в том, что куча энтузиастов яблок пытаетсятроллить вас).

Код: <input class="form-control helen-checkout-promo-input" type="text" placeholder="Apply a promo code" name="promo" autocomplete="new-promo" readonly="" onfocus="this.removeAttribute('readonly');">

Удачного кодирования!