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

Несколько примеров работы с CSS: запрет расширения и автозаполнения текстовых форм | n-wp.ru
👍 Научим бесплатно правильно создавать сайты на WordPress. Подробнее →

В одном совете по 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"

. Пример:

<form id="login">

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

Создай свой первый сайт на WordPress

tiaurus

Автор n-wp.ru — блога о WordPress для новичков.

Оцените автора
Добавить комментарий

  1. the_R

    textarea{resize:none;}
    ошибочка

    Ответить