В этой статье мы расскажем, как убрать изменение размеров для <textarea> пользователям. Другими словами, как сделать поле для ввода текста с фиксированным размером.
Дело в том, что по-умолчанию элементу формы <textarea> разрешается изменение его размеров, при помощи растягивания его за правый нижний угол. Не всегда такой вариант подходит для вашей формы, так как увеличение области для текста влечет за собой изменение всей страницы и даже, возможно, его некорректному отображению.
Для того, чтобы запретить изменение размеров <textarea> необходимо при помощи CSS свойств добавить ему resize, которое принимает следующие свойства:
- none - размеры элемента не изменяются.
- both - можно изменять размеры элемента по горизонтали и вертикали.
- horizontal - можно изменять размеры элемента только по горизонтали.
- vertical - можно изменять размеры элемента только по вертикали.
Это свойство появилось только в спецификации CSS3 и в некоторых случаях может не работать или приводить к ошибке валидации.
Рассмотрим пример кода:
Результат вы можете наблюдать на демо-странице:
Добавить комментарий
Авторизоваться с помощью: