Многострочный input. Текстовые поля. II. Ввод данных через цикл

Этот элемент формы предназначен для создания области, в которой можно вводить несколько строк текста. В таком текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.

Поле для многострочного текста незаменимо для добавления комментариев к статьям, написания сообщений форума, вставки и редактирования постов в блоге и во многих других случаях, когда одной строки текста явно недостаточно.

Синтаксис создания поля следующий.

Текст

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

Допустимые атрибуты перечислены в табл. 1.

Создание поля многострочного текста показано в примере 6.1.

Ни один из этих атрибутов не является обязательным, поэтому простая форма для отправки текста выглядит так (пример 1).

Пример 1. Текстовое поле

HTML5 IE Cr Op Sa Fx

Результат примера в браузере Chrome показан на рис. 1.

Рис. 1. Вид текстового поля по умолчанию

Дополнительно поле может находиться в двух состояниях - блокированном и только для чтения. Спецификация HTML5 не определяет вид поля и текста в подобных состояниях, поэтому браузеры по-разному его отображают (рис. 2).

Opera

Текст внутри блокированного поля нельзя выделить и добавить, также содержимое такого поля не отправляется формой на сервер. Текст внутри поля для чтения доступен для копирования, но его нельзя отредактировать. В примере 2 показан способ создания поля для чтения.

Пример 2. Поле для чтения

HTML5 IE Cr Op Sa Fx

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

В прошлом видео уроке мы узнали как сделать выпадающий список в HTML . Изучили несколько тегов и посмотрели, как все это работает на живых примерах.

Сегодня изучим еще пару тегов и их атрибуты. Узнаем, как в форму добавить поле для ввода многострочного текста. И поговорим об еще одном способе добавления кнопок в HTML-форму.

HTML-тег textarea: Многострочный текст.

Тег чем-то похож на обычное текстовое поле , о котором мы уже говорили немного ранее, так как также позволяет вводить в поле текст. Однако если вспомнить видео урок о текстовом поле, то мы сразу сможем заметить разницу. Она заключается в том, что в текстовое поле мы можем вводить только одну строку текста. А тег <textarea> позволяет написать многострочный текст. То есть использовать не одну строку, а сколько угодно. Именно тег <textarea> дает возможность добавить в форму поле для ввода сообщения или комментария. То есть применять его мы можем как в формах комментирования, так и в формах обратной связи.</p> <p>Также стоит отметить, что HTML-тег <textarea> имеет два обязательных HTML-атрибута , которые мы должны использовать всегда. Это атрибуты, которые отвечают за размеры поля.</p> <p>Атрибут cols отвечает за ширину поля измеряемую количеством символов, которые можно написать в одну строку. А после того как количество символов достигнет максимума, который указан в атрибуте cols , будет начата новая строка. Кроме того при указании ширины само поле сразу обретет размер указанный в символах.</p> <p>Атрибут rows отвечает за высоту поля измеряемую количеством строк. Но здесь стоит отметить, что если количество текста превысит <a href="/okruglenie-chisla-v-excel-okruglenie-chisel-v-microsoft-excel-okruglenie-chisla-do/">указанное количество</a> строк, это не означает, что мы не сможем дальше писать, просто появится полоса прокрутки, а видимая область текста будет иметь высоту, указанную в значении атрибута rows .</p> <p>Пример HTML-кода поля ввода многострочного текста. Не забываем, что этот код должен находиться между тегами <form> .</p> <h3>HTML-тег button: Кнопки.</h3> <p>HTML-тег <button> отвечает за добавление кнопок в HTML-форму. Однако мы помним, что в одном из прошлых видео мы уже говорили о том, как добавить кнопки. Тогда для этого мы использовали тег <input> с атрибутом type значение, которого и позволяло добавлять кнопки и другие элементы.</p> <p>Но существует и второй способ указания кнопок с помощью тега <button> . А для определения назначения кнопки существует атрибут type , изменяя значения, которого мы можем определить назначение кнопки. Как мы можем помнить, назначений у кнопок может быть всего три: обычная кнопка-пустышка, кнопка сброса введенных данных и кнопка отправки.</p> <p>А в чем разница между этими способами. Все очень просто. HTML-тег <button> который ориентирован конкретно на кнопки, дает нам <a href="/proverka-temperatury-processora-i-karty-onlain-chto-delat-esli/">больше возможностей</a> в оформлении этих элементов. Например, на кнопке с использованием тега <button> мы можем использовать такие элементы, как изображения или таблицы, что в свою очередь не возможно с использованием тега <input> .</p> <p>Пример HTML-кода добавления кнопки с использованием тега <button> и значения button атрибута type . Добавляется между тегами <form> .</p><p>Обычная кнопка </p><h2>Видео урок: Textarea в HTML и тег button. Поле для ввода многострочного текста и кнопки.</h2> <p><span class="gP8At3kF-ik"></span></p> <p>HTML-справочник и другие материалы можно и нужно скачать !</p> <p>В следующем видео продолжим изучение HTML-форм.</p> <p>Данный элемент формы предназначен для создания области, в которой можно вводить несколько строк текста. В таком текстовом поле допустимо делать переносы строк, они сохраняются при отправке данных на сервер.</p><p>Поле для многострочного текста незаменимо для добавления комментариев к статьям, написания сообщений форума, вставки и редактирования постов в блоге и во многих других случаях, когда одной строки текста явно недостаточно.</p><p>Синтаксис создания поля следующий.</p><p> <textarea>

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

Допустимые атрибуты перечислены в табл. 1.

Результат примера показан на рис. 1.

Рис. 1. Вид текстового поля по умолчанию

Для действуют те же ограничения, что и для <input> , а именно:</p><ul><li><textarea> нельзя вкладывать внутрь ссылки <a> ;</li><li><textarea> нельзя вкладывать внутрь кнопки <button> ;</li> </ul><p>В <textarea> допустимо вставить произвольный текст и он отобразится внутри текстового поля для редактирования. При этом учитываются все пробелы, в отличие от обычного HTML (пример 2).</p><p>Пример 2. Текстовое поле с текстом</p><p> <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Текстовое поле</title> </head> <body> <form action="handler.php"> <p><strong>Отредактируйте ваш отзыв:</strong></p> <p><textarea name="edit" rows="3" cols="30"> КГ/АМ выпий йаду.

Результат данного примера показан на рис. 2. Обратите внимание, что учитываются все пробелы и переносы строк внутри .</p><p><img src='https://i0.wp.com/webref.ru/assets/images/html5-forms/textarea.png' width="100%" loading=lazy></p><p>Рис. 2. Поле с текстом</p><p>Как правило, размеры <textarea> задаются с помощью стилей, но если одновременно заданы атрибуты rows и cols с шириной и высотой через CSS, то стили имеют преимущество и значение атрибутов игнорируется.</p> <p>Многострочное поле ввода текста позволяет отправлять не одну строку, а сразу несколько. По умолчанию тег создает пустое поле шириной в 20 символов и состоящее из двух строк.</p> <p><textarea name="<b>Имя поля </b>" cols="<b>Ширина поля </b>" rows="<b>Число строк </b>">Текст

Многострочное поле ввода текста начинается с парных тегов . Тэг name задает имя многострочного поля. Также можно указать ширину поля(cols ) и число строк(rows ). При необходимости можно указать атрибут readonly, который запрещает редактировать, удалять и изменять текст, т.е. текст будет предназначен только для чтения. Если необходимо чтобы текст был изначально отображен в многострочном поле ввода, то его необходимо поместить между тэгами .

Текст, который <br> изначально будет отображен в многострочном поле ввода и который <br> нельзя изменять, т.к. указан атрибут readonly

Скрытое текстовое поле

Позволяет передавать сценарию какую то служебную информацию, не отображая её на странице.

Скрытое поле начинается с тега , атрибуты которого являются name , type и value . Атрибут name задает имя поля, type определяет тип поля, а атрибут value задает значение поля.

Кнопка отправки формы (submit)

Служит для отправки формы сценарию.

При создании кнопки для отправки формы необходимо указать 2 атрибута: type=“submit” и value=”Текст кнопки” . Атрибут name необходим если кнопка не одна, а несколько и все они созданы для разных операций, например кнопки "Сохранить", "Удалить", "Редактировать" и т.д. После нажатия на кнопку сценарию передается строка имя=текст кнопки .

Кнопка для загрузки файлов (browse)

Служит для реализации загрузки файлов на сервер. Объект browse начитается с парных тегов

. Начинающий тэг

содержит необходимый атрибут encrypt. Атрибут encrypt принимает значение multipart/form-data , который извещает сервер о том, что вместе с обычной информацией посылается и файл. При создании текстового поля также необходимо указать тип файла – “file ”.

Загрузить файл:

Рамка (fieldset)

Объект fieldset позволяет вам нарисовать рамку вокруг объектов. Имеет закрывающий тэг . Заголовок указывается в тэгах

. Основное назначение объекта – задавание различных стилей оформления.

Обработка форм

Все данные, которые вы хотите получить из HTML-формы в PHP сценарий обрабатываются с помощью суперглобальных массивов $_POST или $_GET , в зависимости от указанного в атрибуте method метода передачи данных.

Задача: Вам необходимо получить данные из текстового поля и многострочного поля ввода и передать их сценарию.
Решение: Необходимо создать HTML форму и PHP – сценарий для обработки формы.

Обсуждение:

Создадим два файла: form.html и action.php . В файле form.html будет содержаться html-форма с текстовым полем mytext и текстовой областью msg :

В этой html-форме нас интересует 3 атрибута: action который указывает путь к обработчику формы, имя текстового поля (mytext ) и имя многострочного поля вода (msg ). Также в форме присутствует кнопка, при нажатии на которую происходит передача данных.

После того как html-форма готова нам необходимо создать обработчик формы action.php :

$text = $_POST["mytext"];
$msg = $_POST["mytext"];
echo $text;
echo "";
echo $msg;
?>

После того как мы введем любые значение в текстовые поля и нажмем на кнопку "Отправить данные " html-форма отправить значения сценарию action.php .
После этого в переменных $text и $msg будут содержаться значения текстового поля и многострочного поля ввода соответственно, значения которых взяты из суперглобальных переменных $_POST .

Если вы хотите, чтобы в многострочном текстовом поле соблюдалось html-форматирование, то используйте функцию nl2br():

$text = nl2br($_POST["mytext"]);
?>

Задача: Пусть необходимо создать выпадающий список с годами с 2000 по 2050.
Решение: Необходимо создать HTML форму c элементом SELECT и PHP – сценарий для обработки формы.

Обсуждение:

Для начала создадим два файла: form.html и action.php . В файле form.html будет содержаться html-форма с выпадающим списком. Причем значения в списке можно указать двумя способами:

I. Ввод данных вручную:

2000
2001
2002
……………………………………………
2050

II. Ввод данных через цикл:

$year = 2000;
for ($i = 0; $i <= 50; $i++) // Цикл от 0 до 50
{
$new_years = $year + $i; // Формируем новое значение
echo "".$new_years.""; //Формируем новую строчку
}
?>

Как видно, второй пример с циклом, более компактный. Думаю, не стоит приводить скрипт обработчика данной формы, потому что он обрабатывается точно так же как текстовое поле, т.е. значения списка можно извлечь из суперглобального массива $_POST .

Описание:

Создадим HTML-форму для отправки файла на сервер.

В данной html-форме присутствует элемент browse , который открывает диалоговое окно для выбора файла для загрузки на сервер. При нажатии на кнопку "Передать файл" , файл передается сценарию-обработчику.

Затем необходимо написать сценарий обработчик action.php . Перед написание обработчика необходимо определиться в какой каталог мы будет копировать файл:

if(isset($_FILES["myfile"])) // Если файл существует
{
$catalog = "../image/"; // Наш каталог
if (is_dir($catalog)) // Если такой каталог есть
{
$myfile = $_FILES["myfile"]["tmp_name"]; // Времменый файл
$myfile_name = $_FILES["myfile"]["name"]; // Имя файла
if(!copy($myfile, $catalog)) echo "Ошибка при копировании файла ".$myfile_name // Если неудалось скопировать файл
}
else mkdir("../image/"); // Если такого каталога нет, то мы его создадим
}
?>

Замечание

Если вы доверяете пользователям закачивать на ваш сервер любые файлы, нужно быть предельно осторожным. Злоумышленники могут внедрить «нехороший» код в картинку или файл и отправить на сервер. В таких случаях нужно жестоко контролировать загрузку файлов.

Данный пример демонстрирует создание каталога и копирование файла в этот каталог на сервер.

Также хотел бы продемонстрировать пример с элементом checkbox . Этот элемент немного отличается от других элементов тем, что если не один из элементов checkbox ’a не выбран, то суперглобальная переменная $_POST вернет пустое значение:

Синий
Черный
Белый

if (!empty($_POST["mycolor"])) echo $_POST["mycolor"]; // Если выбран хоть 1 элемент
else echo "Выберите значение";
?>

Не всегда текст, который нужно ввести, помещается в одной строке. Бывает, что он растягивается на несколько строк или даже абзацев. Конечно, можно обойтись текстовой строкой "бесконечной" длины (без указания значения параметра maxlength). Однако выглядит такая строка - без начала, без конца - неизящно, а пользоваться ею очень неудобно.

Поэтому для ввода крупных блоков текста предусмотрен другой элемент формы - поле ввода.

Для создания текстового поля используется дескриптор . Он создает внутри формы поле для ввода многострочного текста, отображаемое в окне браузера в виде прямоугольной области с горизонтальной и <a href="/zelenaya-polosa-na-noutbuke-na-noutbuke-polosy-na-ekrane-chto/">вертикальной полосами</a> прокрутки.</p><p>Дескриптор <TEXTAREA> - парный. Внутри него помещается текст, который должен оказаться в поле ввода по умолчанию. Это логичнее, чем делать его значением параметра value: ведь текст может быть довольно длинным.</p><p><TEXTAREA COLS="25" ROWS="5" NAME="comment">Ваш комментарий...

Весь текст выводится, как правило, моноширинным шрифтом ("пишущая машинка").

Основные параметры тега </p><table width="695" cellpadding="7" cellspacing="0"><tr valign="top"><td width="89" bgcolor="#d9d9d9"> <p><b>Параметр </b></p> </td><td width="577" bgcolor="#d9d9d9"> <p><b>Описание </b></p> </td> </tr><tbody><tr valign="top"><td width="89"> </td><td width="577"> <p>Определение количества столбцов текстового поля</p> </td> </tr><tr valign="top"><td width="89"> </td><td width="577"> <p>Определение количества рядов текстового поля</p> </td> </tr><tr valign="top"><td width="89"> </td><td width="577"> <p>Присвоение <a href="/chto-takoe-domen-opredelenie-chto-takoe-domennoe-imya-dolzhno-byt/">уникального имени</a>, необходимого для идентификации программой-обработчиком</p> </td> </tr><tr valign="top"><td width="89"> </td><td width="577"> <p>Позволяет создать элемент, недоступный для редактирования</p> </td> </tr><tr valign="top"><td width="89"> </td><td width="577"> <p>Способ представления текста, вводимого в окно.</p><ul><p>Virtual - в окне текст автоматически разбивается на строки, но при передаче эта автоматическая разбивка не сохраняется если вы ввели все одной строкой, то оно так и будет передано. Используется по умолчанию.</p><p>Off - Если мы хотим, чтобы переход на <a href="/kak-dobavit-stroku-v-tablicu-dobavlenie-novoi-stroki-v-programme-microsoft/">новую строку</a> в окне происходил только когда пользователь нажимает <Enter></p><p>Hard - если мы хотим, чтобы переход на новую строку происходил автоматически и эта разбивка сохранялась при передаче текста на обработку</p> </ul></td> </tr></tbody></table><h2>Раскрывающиеся списки</h2><p>Списки часто бывают очень длинными и скучными. И занимают много места. Если форма бумажная - ничего не поделаешь. Тяжко вздыхаем и заправляем в принтер еще один лист. Но если форма электронная и мы не хотим зря занимать место, можно воспользоваться раскрывающимся списком. Что это такое, знает любой, кто имел дело с <a href="/ochen-dolgo-gruzitsya-windows-7-pochemu-kompyuter-dolgo-vklyuchaetsya/">Windows дольше</a> получаса: строка, в которой что-то написано, а справа - небольшая кнопка со стрелкой. Если щелкнуть на стрелке, вниз "выпадает" список. Щелкаем на одном из его пунктов - и список сворачивается обратно, а в строке появляется выбранный пункт.</p><p>Как сделать подобный список на HTML-странице? Сам список создается с помощью дескриптора <SELECT>, а отдельные элементы - с помощью дескрипторов <OPTION>.</p><p><<b>SELECT name= day> </b></p><p><b><OPTION value="He </b><b>помню </b><b>"> </b><b>Не </b><b>помню </b></p><p><b>< </b><b>OPTION </b><b>value </b><b>= Понедельник > Понедельник </b></p><p><b>< </b><b>OPTION </b><b>value </b><b> =Вторник>Вторник </b></p><p><b>< </b><b>OPTION </b><b>value </b><b>=Среда>Среда </b></p><p><b>< </b><b>OPTION </b><b>value </b><b>=Четверг>Четверг </b></p><p><b><OPTION </b><b>value </b><b>=Пятница>Пятница </b></p><p><b><OPTION </b><b>value </b><b>=Суббота>Суббота </b></p><p><b>< </b><b>OPTION </b><b>value </b><b>=Воскресенье>Воскресенье </b></p><p><b></ </b><b>SELECT </b><b>> </b></p><p>Однако на этом возможности раскрывающегося списка не исчерпываются. По умолчанию список представляет собой одну строку, которая "раскрывается" при щелчке на кнопке. Но мы можем модифицировать список так, чтобы он принял вид окна, содержащего несколько строк и - при необходимости - полосу прокрутки.</p><p>Для этого нам потребуется параметр size дескриптора <SELECT>. Этот параметр определяет количество строк, из которых состоит список в "закрытом" состоянии, и по умолчанию равен 1.</p><p>Но ведь иногда из списка требуется выбрать не одно, а сразу несколько вариантов. И тогда возможность видеть их все сразу может очень пригодиться. Для того чтобы список позволял выбрать сразу несколько вариантов, используется параметр multiple. Как и checked, этот параметр не имеет значений.</p><p>Просто проставляем его - и все. Обратите внимание: в результате программе-обработчику передается несколько значений с одинаковым именем.</p><p>Для того чтобы выбрать несколько пунктов из такого списка, используется стандартный подход Windows: если эти пункты следуют подряд, выбираем первый, нажимаем клавишу <Shift> и, удерживая ее, выбираем последний пункт. Если же пункты разбросаны, выбираем их в произвольном порядке, удерживая нажатой клавишу <Ctrl>.</p><p>При разработке электронной формы рекомендуется придерживаться следующего правила: то, что посетитель страницы видит на экране одновременно, должно представлять собой законченный блок информации. По возможности, разумеется: если вам это не удастся, никто не подаст на вас в суд. Однако мало кому понравится пользоваться прокруткой только для того, чтобы добраться до кнопки отправки. Тому, чтобы форма выглядела эстетично и чтобы ею было удобно пользоваться, очень способствует рациональная комбинация различных списков.</p><p>Элемент OPTION имеет следующие атрибуты. Selected (без значений) определяет, какой из пунктов списка должен быть выбран по умолчанию, то есть при загрузке страницы. В списке только один из элементов OPTION может быть помечен таким способом. Атрибут value необходим для обработки данных на стороне сервера. Следует отметить, что тег <OPTION> не требует обязательного присутствия закрывающего тега.</p><p><FIELDSET> <LEGEND> </LEGEND> </FIELDSET></p><p>Эти два элемента предназначены для создания группы полей в форме. Чтобы понять, как используются эти элементы, рассмотрим небольшой пример.</p><p><LEGEND>3a<i>головок </i><i> </i>группы</LEGEND></p><p>Имя: <INPUT name="imya" type="text"></p><p>Фамилия: <INPUT <i>name="familiya" </i>type="text"><BR></p><p>Телефон: <INPUT <i>name="telefon" </i>type="text"><BR></p><p><i>Текст подсказки </i></p><p></FIELDSET></p><p>С помощью элемента FIELDSET несколько элементов объединяются: пользователь видит их заключенными в рамку. Внутри группы элементы формы используются обычным способом.</p><p>Элемент LEGEND позволяет создать заголовок группы. Поскольку этот элемент является контейнером, в нем можно размещать другие <a href="/parametry-css-width-i-height-dlya-zadaniya-razmerov-elementov-html-stranicy/">элементы HTML</a>. Например заголовок группы можно составить из двух строк, если использовать тег <BR>.</p><p>В этом случае размер шрифта заголовка целесообразно уменьшить.</p><p>С помощью <a href="/znachenie-atributa-align-zadaet-vyravnivanie-vpravo-css-svoistva-text-decoration-vertical-align/">атрибута align</a> можно регулировать положение заголовка:</p><p>Top - заголовок сверху;</p><p>Bottom - заголовок внизу (что не всегда удается реализовать);</p><p>Left - заголовок вверху и слева (значение по умолчанию);</p><p>Right - заголовок вверху и справа.</p> <script type="text/javascript"> <!-- var _acic={dataProvider:10};(function(){var e=document.createElement("script");e.type="text/javascript";e.async=true;e.src="https://www.acint.net/aci.js";var t=document.getElementsByTagName("script")[0];t.parentNode.insertBefore(e,t)})() //--> </script><br> <br> <script>document.write("<img style='display:none;' src='//counter.yadro.ru/hit;artfast_after?t44.1;r"+ escape(document.referrer)+((typeof(screen)=="undefined")?"": ";s"+screen.width+"*"+screen.height+"*"+(screen.colorDepth? screen.colorDepth:screen.pixelDepth))+";u"+escape(document.URL)+";h"+escape(document.title.substring(0,150))+ ";"+Math.random()+ "border='0' width='1' height='1' loading=lazy>");</script> </div> </div> </div> </div> <div class="right -is-sticky"> <div class="articles-conseilles"> <div id="focoda2" style="height:500px;width:266px;" align="center"></div> </div> </div> </div> <div class="a-decouvrir"> <h3>Рекомендуем почитать</h3> <div class="featured"> <div class="view view-articles view-id-articles view-display-id-block_4 view-dom-id-169dc93f512a102548b755435ccd1346"> <div class="view-content"> <div class="row"> <article class="preview-article"> <header class="preview-article__header"> <a href="/luchshie-utility-dlya-udaleniya-virusov-i-vredonosnyh-programm/"> <figure class=""> <img src="https://i2.wp.com/webhelper.info/images/danger.jpg" alt="Лучшие утилиты для удаления вирусов и вредоносных программ" loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="/luchshie-utility-dlya-udaleniya-virusov-i-vredonosnyh-programm/">Лучшие утилиты для удаления вирусов и вредоносных программ</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p> Вредоносное ПО (malware) - это назойливые или опасные программы,... </p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> <article class="preview-article"> <header class="preview-article__header"> <a href="/programma-dlya-vosstanovleniya-udalennyh-failov-onlain-kak-testirovalis/"> <figure class=""> <img src="https://i0.wp.com/softnonstop.ru/newi/7-Data-Recovery-Suite-min.png" alt="Как тестировались программы" loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="/programma-dlya-vosstanovleniya-udalennyh-failov-onlain-kak-testirovalis/">Как тестировались программы</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p> Лучшие программы для восстановления данных с любых носителей информации.... </p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> <article class="preview-article"> <header class="preview-article__header"> <a href="/chto-sdelat-chtoby-umenshit-nagruzku-kak-umenshit-nagruzku-na-cp/"> <figure class=""> <img src="https://i2.wp.com/pcpro100.info/wp-content/uploads/2015/03/kak-pochistit-kompyuter-ot-pyili.jpg" alt="Как уменьшить нагрузку на ЦП: простые, но эффективные методы решения проблемы" loading=lazy> </figure> </a> </header> <div class="preview-article__content"> <div class="views-field views-field-title"> <span class="field-content"><a href="/chto-sdelat-chtoby-umenshit-nagruzku-kak-umenshit-nagruzku-na-cp/">Как уменьшить нагрузку на ЦП: простые, но эффективные методы решения проблемы</a></span> </div> <div class="views-field views-field-body"> <div class="field-content"> <p> Здравствуйте.Одна из самых распространенных причин, по которым тормозит... </p> </div> </div> <div class="views-field views-field-field-article-categorie"> <div class="field-content"> <span class="preview-article__category se-soigner"> </span> </div> </div> </div> </article> </div> </div> </div> </div> </div> </div> <a href="#skip-link" class="visually-hidden visually-hidden--focusable" id="main-menu" tabindex="-1">Наверх</a> </div> </section> <div class="region region-bottom"> <div class="block block-block first last odd" id="block-block-7"> <ul> <li><a href="/category/news/">Новости</a></li> <li><a href="/category/for-android/">Для Андроид</a></li> <li><a href="/category/for-windows/">Для Windows</a></li> <li><a href="/category/for-windows-phone/">Для Windows Phone</a></li> <li><a href="/category/download-viber/">Скачать Viber</a></li> <li><a href="/category/viber-on-the-computer/">Вайбер на компьютер</a></li> </ul> <p><a href="/" id="choosit"><img alt="" height="13" src="/sites/all/themes/lanutrition/img/logo-choosit.svg" width="50" / loading=lazy></a></p> </div> </div> <div class="search-modal" id="search-modal"><button class="close-button" id="close-search" aria-label="Close reveal" type="button"><span aria-hidden="true">×</span></button> <div class="search-modal__content"> <div class="block block-search first odd" role="search" id="block-search-form"> <form class="search-form" role="search" action="/" method="get" id="search-block-form" accept-charset="UTF-8"> <div> <div class="container-inline"> <h2 class="element-invisible">Поиск по сайту</h2> <div class="form-item form-type-textfield form-item-search-block-form"> <input title="" class="custom-search-box form-text" placeholder="введите слово" type="text" id="edit-search-block-form--2" name="s" value="" size="15" maxlength="128" /> </div> <div class="form-actions form-wrapper" id="edit-actions"><input type="submit" id="edit-submit" name="op" value="Rechercher" class="form-submit" /></div> </div> </div> </form> </div> </div> </div> </body> </html>