Атрибут Autocapitalize на элементе ввода (используется для iOS) нарушает проверку - PullRequest
6 голосов
/ 17 марта 2011

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

На самом деле это очень полезно, включая autocapitalize в полях 'email' и 'website' в формах, так как нет ничего более раздражающего, чем необходимость отменить выбор клавиши SHIFT при заполнении любого из этих двух входов. Делать это тривиально, так как все, что вам нужно сделать, это добавить атрибут autocapitalize=off к соответствующему входу, например ::

<label for="email">E-mail</label>
<input type="email" name="email" placeholder="yourname@domain.com" autocapitalize="off" title="Enter your e-mail address" class="required email" id="email">

И iPhone, и iPad идеально соответствуют клавиатурам с атрибутами, прикрепленными к элементу ввода в формах. К сожалению, эта разметка, кажется, нарушает валидацию, когда W3C отвечает «Автокапитализация атрибута не разрешена при вводе элемента в этой точке», когда установлено выше.

Полагаю, это не то, ради чего стоит умереть, но есть ли способ включить атрибуты без нарушения проверки? Может быть, я здесь что-то не так.

Ответы [ 2 ]

12 голосов
/ 21 марта 2011

Комментарий ughoavgfhw полностью отвечает на вопрос: так как спецификации W3C в настоящее время существуют, вы не можете включить атрибут autocapitalize в свои формы, не нарушая проверки, так что это случай, когда необходимо сопоставить это неудобство с тем, что пользователям приходится перебирать Ваши формы нажимают на клавишу SHIFT на iOS.

Я думаю, что это один из тех редких случаев (другие встроенные стили), когда имеет смысл мириться с ошибками на одной странице, при условии, что они не свидетельствуют о том, что что-то пошло не так, а лишь о том, что W3C немного медленно на поглощение.

0 голосов
/ 15 мая 2013

не могли бы вы просто добавить класс к элементу ввода.И ссылаться на этот класс с атрибутом text-transform: lowercase?

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...