Как сделать textarea неактивным. Добавление возможности изменения размера. Базовые настройки textarea

Здесь рассмотрим создание многоуровневых списков в Word , нумерованных и маркированных списков , форматирование списков в Word . Рассмотрим, как работать со списками Word – переносить один уровень списка в другой, добавлять или убавлять пункты, уровни в список.
Списки в Word можно сделать двумя способами:
а) Сначала написать список, затем, оформить его;
б) Сразу настроить Word и, затем, писать список. Он будет сразу оформляться.
Виды списков в Word.
Список можно оформить маркерами – разными галочками, точками. Этот вид списка называется «Маркированный».
«Нумерованный список» – когда стоят числа, буквы у пунктов списка.
«Многоуровневый список» - когда создается структура списка, несколько уровней, разделов, т.д., выделенных отступами.
Рассмотрим все виды списков и как работать с ними. На закладке «Главная» в разделе «Абзац» есть три кнопки. Создание маркированного списка в Word.
Ставим курсор в то место страницы Word, где будет начало списка. На закладке «Главная» в разделе «Абзац» нажимаем на кнопку «Создание маркированного списка». В Word 2007 – кнопка «Маркеры».
Кнопка на верхнем изображении обведена красным цветом.
Мы выбрали маркер – галочку. Эта галочка появилась в том месте, где стоял курсор. Все, Word настроен, осталось написать список.
Внимание!
Новый пункт списка будет писаться тогда, когда мы нажмем на клавишу «Enter».
В этом списке мы нажали на клавишу «Enter» после точки за словом словами: «арбуз», « т.д.», «груша». В этом списке видно, что, пока, не нажмем клавишу «Enter» строчка в списке будет переходить ниже.
Можно настроить свой вид маркера, нажав на кнопку «Определить новый маркер» в диалоговом окне «Библиотека маркеров». Здесь можно выбрать другой символ в качестве маркера, картинку или шрифт. Например, мы выбрали маркер «Звездочку».Список получился такой.
Чтобы отменить маркер, например, закончили писать список, нажимаем кнопку «Нет» в диалоговом окне «Библиотека маркеров». Курсор должен стоять на той строчке, у которой нужно убрать маркер.
Или, ставим курсор после маркера перед словом, где маркер нужно убрать (например, перед словом «Груша») или на новой строке, и нажимаем клавишу на клавиатуре «Backspase» или нажимаем кнопку «Создание маркированного маркера».
Если нужно сделать из списка Word простой текст , убрать все маркеры списка сразу, то выделяем список и нажимаем кнопку «Создание маркированного списка».
Или нажимаем на стрелочку у кнопки «Создание маркированного списка» и выбираем из диалогового окна кнопку функции «Нет». Все маркеры удалятся, список приобретет вид простого текста.
Когда мы отключим маркер списка, то останется большой отступ от края строки. Чтобы убрать этот отступ, нажимаем на кнопку «Уменьшить отступ» (на изображении кнопка выделена фиолетовым цветом).
Как создать нумерованный список в Word.
Действуем, как в первом варианте, только нажимаем кнопку функции «Создание нумерованного списка». В Word 2007 –кнопка «Нумерация». Здесь можно выбрать цифры или буквы для списка.
Создание многоуровневых списков в Word.
Многоуровневый список отличается от простого разными отступами пунктов списка.
Первый способ.
Сначала рассмотрим, как сразу при наборе текста создавать многоуровневый список.
Ставим курсор в то место страницы Word, где будем писать список. На закладке «Главная» в разделе «Абзац» нажимаем на кнопку «Создание многоуровневого списка». В Word 2007 кнопка называется - «Многоуровневый список». В появившемся окне нажимаем на тот вид списка, который нам нужен. Мы выбрали такой вариант.
Теперь пишем список.
В первой строке пишем название раздела списка – первый уровень. Мы написали слово «Фрукты». Получилось так.
Теперь, в списке, нам нужно во втором уровне списка перечислить эти фрукты.
Нажимаем клавишу «Enter». Появилась цифра «2)». Нам она не нужна. Чтобы написать второй уровень списка, мы увеличим отступ (создадим структуру), нажав на клавишу «Tab» или на кнопку «Увеличить отступ». Она находится на закладке «Главная» рядом с кнопками создания списков.
Про кнопку «Tab» и функцию табуляции, как изменить шаг табуляции, читайте в статье «Табуляция в Word ».
Курсор передвинулся вправо, появился бо́льший отступ и буква «а)». Это второй уровень списка.
Теперь пишем слово «яблоко». Нажимаем «Enter». Курсор перейдет на следующую строку второго уровня списка с буквой «b)». Пишем слово «Груша». Получилось так.
Чтобы перейти на первый уровень списка, нажимаем сочетание клавиш «Shift» + «Tab» или кнопку «Уменьшить отступ» на закладке «Главная». Вот так, меняя отступы у уровней списка, составляем список.
Если нужно сделать три уровня списка, то после второго уровня, для третьего уровня снова делаем отступ. Так, можно сделать много уровней в списке.
Если нужно перейти с третьего уровня на первый, то уменьшаем отступ два раза, пока не попадем на первый уровень.
Второй способ.

У нас есть такой текст, общий список.
Нам нужно сделать двухуровневый список. Первый уровень - поставить название раздела (Фрукты, овощи). Во втором уровне перечислить фрукты (яблоко, груша) и овощи (морковь, свекла). Принцип такой. Настраиваем каждый уровень отдельно, устанавливая отступы и нажимая кнопку функции списка.
Выделяем слова, которые будут первым уровнем. Можно выделить сразу все слова будущего первого уровня списка. Делается это так. Выделяем первое слово, фразу. Нажимаем и удерживаем нажатой, клавишу «Ctrl» и выделяем все другие слова. Мы выделили слова «Фрукты», «Овощи».
Нажимаем на кнопку «Многоуровневый список», нажимаем на кнопку нужного вида списка. Получится так.
Появился первый уровень списка. Теперь выделяем слова второго уровня. Нажимаем клавишу «Tab». Появился отступ.
Нажимаем кнопку «Многоуровневый список». Получится второй уровень списка.
Так можно делать много уровней, выделяя их все сразу или отдельно каждый.
Внимание!
Можно настраивать уровни списка не только кнопкой «Многоуровневый список», но и другими кнопками списка (маркированный или нумерованный список).
Форматирование списков в Word.
Чтобы корректировать список, достаточно поставить курсор в нужное место списка и кнопками списков и отступами можно менять, удалять, добавлять пункты списков.
Чтобы передвинуть часть списка на другой уровень, добавляем отступ (если сделать следующий уровень списка) или убавляем отступ (чтобы передвинуть на уровень выше). Но, сначала ставим курсор перед словом того пункта, которое хотим передвинуть. Если передвинуть нужно несколько пунктов, то сначала выделяем их, затем передвигаем.
Можно создать свой стиль списка Word , нажимаем на кнопку создания списков и выбираем соответствующую функцию «Определить новый маркер» в маркированных списках, «Определить новый формат номера» в нумерованных списках, «Определить новый стиль списка» или «Определить новый многоуровневый список» для многоуровневых списков. Там можно настроить величину отступа, т.д.
В Word можно пронумеровать не только списки, но и строки, столбцы в таблицею Смотрите статью "

Список в Word - это отличный способ организовать данные в документе, также они позволяют читателям понять ключевые моменты. В Microsoft Word есть инструмент, с помощью которого можно сделать простые нумерованные и маркированные списки, а также настроить эти списки в соответствии с вашими потребностями. В частности, создать многоуровневые списки . В этой статье мы рассмотрим, как сделать нумерованный список в ворде , маркированный список , и как сделать многоуровневый список .

Как сделать маркированный список

1. Выделите текст, который вы хотите сделать в виде списка .

Как сделать список в Word - Выделение текста для создания маркированного списка

1. На вкладке «Главная» нажмите стрелку раскрывающегося списка рядом с командой «Маркеры ». Появится меню стилей маркеров.

Как сделать список в Word - Маркеры

1. Наведите указатель мыши на различные стили маркеров. В документе появится предварительный просмотр. Выберите стиль маркера, который вы хотите использовать.

Как сделать список в Word - Создание маркированного списка

1. Текст будет отформатирован как маркированный список .

Как сделать список в Word - Маркированный список

Как сделать нумерованный список

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

1. Выберите текст, который вы хотите отформатировать в виде списка .

Как сделать список в Word - Выделение текста для преобразования его в список

1. На вкладке «Главная » щелкните стрелку раскрывающегося списка рядом с командой «Нумерация ». Появится меню библиотеки нумерации.

Как сделать список в Word - Нумерация

1. Наведите указатель мыши на любой стиль нумерации. В документе появится предварительный просмотр, как будет выглядеть нумерованный список в ворде . Выберите стиль нумерации, который вы хотите использовать.

Как сделать список в Word - Создание нумерованного списка

1. Текст будет преобразован как нумерованный список .

Как сделать список в Word - Нумерованный список

Как сделать многоуровневый список

Многоуровневые списки позволяют создать структуру с несколькими уровнями. Любой маркированный или нумерованный список в ворде можно преобразовать в многоуровневый список с помощью клавиши Tab . Для того чтобы сделать многоуровневый список в ворде , проделайте следующее:

1. Выделите текст, который вы хотите представить в виде многоуровневого списка :

Как сделать список в Word - Выделение текста, который необходимо представить в виде многоуровневого списка

1. На вкладке «Главная » щелкните стрелку раскрывающегося списка рядом с командой «Многоуровневый список ». Появится меню библиотеки списков.

1. Выберите стиль многоуровневого списка, который вы хотите использовать.

Как сделать список в Word - Создание многоуровневого списка

1. После этого текст приобретет вид обычного нумерованного списка .

Как сделать список в Word - Список

1. Далее установите курсор в начало строки пункта, который вы хотите изменить на уровень ниже.

Как сделать список в Word - Курсор на месте изменения уровня

1. Нажмите клавишу Tab , чтобы изменить уровень. Теперь данный пункт относится ко второму уровню и имеет нумерацию 1.1.

Как сделать список в Word - Изменение уровня

Если вам необходимо изменить на несколько уровней,например, сделать список 1.1 или 1.2, то нажимайте клавишу Tab до тех пор, пока не будет достигнут желаемый уровень. А для того чтобы вернуться на один уровень выше нажмите клавишу Backspace .

Примечание . Вы также можете увеличить или уменьшить уровни текста, используя команды «Увеличить отступ » или «Уменьшить отступ » на вкладке «Главная ».

Как сделать список в Word - Увеличить, уменьшить отступ

1. После всех изменений уровней, мы получили следующий многоуровневый список в ворде :

Как сделать список в Word - Многоуровневый список

Теперь вы знаете, как сделать список в ворде на любой вкус и цвет: нумерованный список , маркированный список или многоуровневый список .

В статье представлено несколько трюков, которые вы, возможно, не знали и которые вы найдёте полезными в своих разработках.

1. Изображение в качестве фона, которое пропадает при вводе текста.

Вы можете добавить фоновое изображение также, как и в любой другой элемент. В этом случае стиль по умолчанию для textarea изменяется, а именно бордер толщиной в 1px изменяется на скошенную границу. Исправляется это явным указанием бордера.

Textarea { background: url(images/benice.png) center center no-repeat; border: 1px solid #888; }

Фоновое изображение может повлиять на читаемость текста. Поэтому фоновое изображение надо убирать при получении фокуса и возвращать его, если textarea осталась без текста. Например, используя jQuery это можно сделать таким образом:

$("textarea") .focus(function() { $(this).css("background", "none"); }) .blur(function() { if ($(this).value == "") { $(this).css("background", "url(images/benice.png) center center no-repeat"); } });

2. Placeholder в HTML5

В HTML5 появился новый атрибут, называемый placeholder . Значение этого атрибута показывается в текстовом элементе и исчезает при получении фокуса, а также в случае когда в элементе введён текст.

HTML5 placeholder поддерживается в следующих браузерах: Safari 5, Mobile Safari, Chrome 6, и Firefox 4 alpha.

3. Placeholder, HTML5 с поддержкой старых браузеров используя jQuery

Самый простой способ проверить поддерживается ли атрибут браузером это проверить с помощью javaScript:

Function elementSupportsAttribute(element, attribute) { var test = document.createElement(element); return (attribute in test); };

Затем можно написать код, который будет срабатывать если браузер не поддерживает атрибут placeholder .

If (!elementSupportsAttribute("textarea", "placeholder")) { // Если браузер не поддерживает атрибут, то выполняется код jQuery $("#example-three") .data("originalText", $("#example-three").text()) .css("color", "#999") .focus(function() { var $el = $(this); if (this.value == $el.data("originalText")) { this.value = ""; } }) .blur(function() { if (this.value == "") { this.value = $(this).data("originalText"); } }); } else { // Если же браузер поддерживает HTML5, то просто используем эту возможность $("#example-three") .attr("placeholder", $("#example-three").text()) .text(""); }

4. Удаляем обводку textarea

Браузеры на движках webkit, а также в FireFox 3.6, обводят textarea , когда он находится в фокусе. Удалить эту обводку можно используя css-свойство outline для webkit-браузеров. Для FireFox используется свойство -moz-appearance , либо можно просто установить элементу бордер или фон.

Textarea { outline: none; -moz-appearance: none; border: 1px solid #999; /* указание этого свойства также удалит обводку в FireFox */ }

5. Запрет изменения размера

Webkit-браузеры добавляют к textarea визуальный элемент в правом нижнем углу, который позволяет изменять размер текстовой области. Если вы хотите убрать эту возможность, то вам необходимо использовать следующее css-свойство:

Textarea { resize: none; }

6. Добавление возможности изменения размера

jQuery UI позволяет добавить возможность изменения размера для textarea. Это работает для всех браузеров, а для webkit-браузеров подменяет стандартное поведение. Для того, чтобы использовать эту возможность, необходимо подключить jquery.ui и написать следующий код:

$("textarea").resizable();

7. Изменение размера под содержимое

James Padolsey написал удобный jQuery-скрипт который позволяет автоматически изменять размер textarea под его содержимое. Похоже что этого плагина больше нет, но можно использовать например вот этот . Плагин содержит много настроек, но самый простой способ его использовать это:

$("textarea").autoResize();

8. Nowrap

Чтобы не переносить слова на новые строки, для всех элементов используется css-свойство white-space , которое не работает с textarea . Для textarea необходимо использовать атрибут wrap .

9. Удаляем скролл-бары в IE

IE показывает вертикальный скролл-бар для всех textarea . Вы можете их спрятать используя overflow: hidden , но в таком случае он не будет показываться при увеличении контента. Поэтому правильнее использовать следующий подход:

Textarea { overflow: auto; }

В этом случае скролл-бар не будет отображаться когда в textarea помещается весь текст, но выведется в случае необходимости.

Примеры к статье вы можете посмотреть .

Тег </b> <i>(от англ. <b>text </b> <b>area </b> - область текста) </i> представляет собой элемент формы для создания области, в которую можно вводить несколько строк текста.</p> <h3>autocomplete</h3> <p>Этот атрибут помогает заполнить текстовое поле текстом, который был введён в нём ранее. Значения сохраняет и подставляет браузер, при этом автозаполнение по соображениям безопасности может отключаться пользователем в настройках браузера и не может в таком случае управляться атрибутом autocomplete .</p> <p>Автозаполнение конкретного поля формы привязывается к его атрибуту name и при смене значения теряется.</p> <p><b>Синтаксис </b></p><p> <textarea autocomplete="on | off">

Значения