Несколько примеров работы с CSS: запрет расширения и автозаполнения текстовых форм

Несколько примеров работы с CSS: запрет расширения и автозаполнения текстовых форм | n-wp.ru

В одном совете по CSS я уже рассказывал, как запретить браузерам на движке Webkit обводить активные текстовые формы. Однако этим своеобразность этих браузеров не ограничивается. Давайте рассмотрим подобные проблемы в поведении браузеров Google Chrome и способы их решения.

Как запретить растягивание текстовых полей в браузерах на движке Webkit

Браузеры на движке Webkit (Google Chrome, Safari) позволяют растягивать текстовые формы. Иногда это удобно, иногда нет. Особенно это вредит  блогам с фиксированной шириной – в них все визуальные элементы подогнаны друг под друга, соблюдаются определенные пропорции.

Несколько примеров работы с CSS: устранение обводки полей в некоторых браузерах и выделение правил для Internet Explorer

Запретить, оказывается, это довольно просто. Нужно вставить в код текстовой формы одно условие:

textarea{resize:horizontal} - можно растягивать только по горизонтали
textarea{resize:vertical} - можно растягивать только по вертикали
textarea{resize:none} - нельзя растягивать

Как запретить автозаполнение текстовых форм

Если на сайте не предусмотрено автозаполнение текстовых форм данными, которые запомнил браузер, Google Chrome все равно будет заполнять их. Чтобы запретить автозаполнение, нужно вставить в код формы условие

autocomplete="off"

. Пример:

Пользуйтесь с умом!

Автор tiaurus 2182 Articles
Являюсь создателем n-wp.ru — блога о WordPress для новичков. Мне интересно многое, поэтому еще я сделал 123-box.ru — блог о программах для Windows, и tiaurus.info — блог о красоте.

1 Kомментарий

Оставить комментарий

Ваш электронный адрес не будет опубликован.


*