Установка значения по умолчанию для HTML textarea

Установите значение по умолчанию для элемента <textarea> с помощью атрибута value. Однако имейте в виду, что сам по себе этот атрибут не работает с <textarea>. Вместо этого вам нужно установить начальное содержимое между открывающим и закрывающим тегами <textarea>.

Чтобы задать текст, просто введите его между тегами: <textarea>ваш текст здесь</textarea>. Это значение будет отображаться в момент загрузки страницы. Например:

<textarea>Привет! Как дела?</textarea>

Если нужно изменить текст по умолчанию с помощью JavaScript, используйте свойство value. Например, document.querySelector('textarea').value = 'Новый текст'; заменит текущее значение на ‘Новый текст’.

Следуя этим простым шагам, настройка значения по умолчанию для <textarea> станет легкой задачей, подходящей для разнообразных случаев использования.

Методы установки значения по умолчанию в HTML textarea

Чтобы установить значение по умолчанию в элементе <textarea>, используйте несколько простых подходов.

• Атрибут value: Хотя для <textarea> нельзя использовать атрибут value как для <input>, вы можете указать текст прямо внутри тега:

<textarea>Ваш текст по умолчанию</textarea>

• JavaScript: Можно динамически назначить значение с помощью JavaScript. Это полезно, когда требуется изменить текст в зависимости от логики приложения. Пример:

document.getElementById('myTextarea').value = 'Ваш текст по умолчанию';

• HTML-шаблоны: Используйте HTML-шаблоны для задания текстов по умолчанию. Например, если вы работаете с фреймворком вроде Vue.js, можно использовать привязку данных:

<textarea v-model="textValue"></textarea>

• Сохранение пользовательских данных: Для адаптации значения по умолчанию к пользователю можно сохранить и загружать текст с помощью localStorage. Например, сохраните введенный текст:

localStorage.setItem('textareaValue', myTextarea.value);

• Затем при загрузке страницы используйте:

myTextarea.value = localStorage.getItem('textareaValue') || 'Ваш текст по умолчанию';

Эти методы позволяют гибко настраивать значение по умолчанию в <textarea>, обеспечивая простоту в разработке и лучшее взаимодействие с пользователями.

Использование атрибута value

Атрибут `value` не применяется для элемента ``. Вместо этого для установки значения по умолчанию нужно использовать текст внутри тега. Например, напишите:</p> <p><textarea>Ваш текст здесь

Когда страница загружается, пользователь видит текст внутри ``. Если вы хотите задать начальное содержание, просто укажите его между открывающим и закрывающим тегами.</p> <p>Если необходимо изменить значение через JavaScript, используйте свойство `value`. Например:</p> <p>javascript</p> <p>document.querySelector(‘textarea’).value = ‘Новое значение’;</p> <p>Это позволяет динамически обновлять текст в поле по мере необходимости. Так вы гарантируете, что текст открывается именно в том виде, в котором вам нужно.</p> <p>Заботьтесь о том, чтобы начальный текст был ясным и полезным для пользователя. Это ускоряет понимание, какую информацию нужно ввести. Стремитесь сделать текст информативным, но не перегружайте его лишними деталями.</p> <h3>Атрибут value не поддерживается для textarea, поэтому необходимо использовать другие методы для установки значения.</h3> <p>Чтобы установить значение для элемента <textarea>, используйте содержимое между открывающим и закрывающим тегами этого элемента. Например:</p> <pre><code><textarea>Ваш текст по умолчанию</textarea></code></pre> <p>Этот способ гарантирует, что текст будет отображен при загрузке страницы. Если нужно динамически изменять значение в процессе работы, воспользуйтесь JavaScript. Пример:</p> <pre><code>document.getElementById('myTextarea').value = 'Новый текст';</code></pre> <p>Для этого присвойте вашему <textarea> атрибут id, чтобы обратиться к нему через JavaScript:</p> <pre><code><textarea id="myTextarea"></textarea></code></pre> <p>При использовании фреймворков, таких как React, можно управлять значением через состояние компонента. Пример кода:</p> <pre><code>const [text, setText] = useState('Текст по умолчанию');</code></pre> <p>В этом случае значение textarea будет обновляться в зависимости от состояния. Используйте эти методы для индивидуальной настройки вашего интерфейса.</p> <h3>Задание значения через JavaScript</h3> <p>Используйте JavaScript для задания значения текстового поля textarea легко. Простой способ – выбрать элемент и установить его свойство value. Например:</p> <pre><code>document.getElementById('myTextarea').value = 'Ваш текст по умолчанию';</code></pre> <p>Этот код назначит текст по умолчанию для textarea с идентификатором myTextarea. Убедитесь, что данный код выполняется после загрузки страницы, чтобы элемент был доступен.</p> <p>Можно также использовать обработчик событий. Например, если вы хотите задать текст при нажатии кнопки, добавьте следующее:</p> <pre><code> document.getElementById('myButton').addEventListener('click', function() { document.getElementById('myTextarea').value = 'Текст установлен!'; }); </code></pre> <p>Такой подход позволяет динамически менять значение в зависимости от действий пользователя. Используйте его, чтобы улучшить взаимодействие с вашим интерфейсом.</p> <p>Для задания значений сразу после загрузки страницы добавьте этот код в блок <code><script></code> внизу вашего HTML:</p> <pre><code> window.onload = function() { document.getElementById('myTextarea').value = 'Текст по умолчанию'; }; </code></pre> <p>Это гарантирует, что значение будет установлено в момент, когда страница полностью загружена и готова к взаимодействию. Теперь вы уверенно управляете значением textarea через JavaScript!</p> <h3>Как использовать JavaScript для динамического задания текста в textarea при загрузке страницы.</h3> <p>Чтобы задать текст в <code><textarea></code> с помощью JavaScript, установите значение элемента при загрузке страницы. Это можно сделать, добавив простой скрипт в ваш HTML-код. Следуйте этим шагам:</p> <ol> <li>Создайте <code><textarea></code> в вашем HTML:</li> </ol> <pre> <textarea id="myTextarea"></textarea> </pre> <ol start="2"> <li>Добавьте JavaScript, чтобы задать текст при загрузке страницы:</li> </ol> <pre> <script> window.onload = function() { document.getElementById("myTextarea").value = "Ваш текст по умолчанию"; }; </script> </pre> <p>Этот скрипт инициализирует значение элемента <code>myTextarea</code> после полной загрузки страницы. Используйте подходящий текст, который хотите отобразить.</p> <p>Если вам нужно динамически менять текст в зависимости от условий или данных, можно заменить текст с помощью функции:</p> <pre> <script> function setText(value) { document.getElementById("myTextarea").value = value; } window.onload = function() { setText("Динамический текст"); }; </script> </pre> <p>Это даёт больше возможностей для управления содержимым. Благодаря такой настройке можно адаптировать текст для разных пользователей или условий.</p> <p>С помощью JavaScript легко задать стандартное значение для <code><textarea></code>, что улучшает пользовательский опыт и делает форму более интуитивной. Применяйте эти методы в своих проектах, чтобы настроить интерфейс под нужды пользователей.</p> <h3>Использование jQuery для установки текста</h3> <p>Для установки текста в элемент textarea с помощью jQuery, используйте метод .val(). Это просто и быстро. Например, чтобы задать текст по умолчанию, выполните следующий код:</p> <pre><code>$(document).ready(function() { $('#myTextarea').val('Ваш текст здесь'); });</code></pre> <p>Здесь <code>#myTextarea</code> – это идентификатор вашего textarea. Подключите jQuery в вашем проекте, если это еще не сделано:</p> <pre><code><script src="https://code.jquery.com/jquery-3.6.0.min.js"></script></code></pre> <p>Если хотите обновить текст на действия пользователя, например, по нажатию кнопки, добавьте обработчик события:</p> <pre><code>$('#updateButton').click(function() { $('#myTextarea').val('Новый текст'); });</code></pre> <p>Эта функциональность полезна для динамического изменения содержимого textarea без перезагрузки страницы.</p> <p>Откройте консоль браузера и просмотрите любые ошибки, если текст не устанавливается. Это помогает выявить проблемы с селекторами или отсутствием jQuery.</p> <p>Пример полной разметки для установки текста:</p> <table> <thead> <tr> <th>Элемент</th> <th>Описание</th> </tr> </thead> <tbody> <tr> <td><textarea id=»myTextarea»></textarea></td> <td>Область текста, в которую добавляется текст.</td> </tr> <tr> <td><button id=»updateButton»>Обновить текст</button></td> <td>Кнопка для обновления текста в textarea.</td> </tr> </tbody> </table> <p>Это простой и эффективный способ управлять содержимым textarea с помощью jQuery. Примените его в своих проектах, чтобы улучшить взаимодействие с пользователями.</p> <h3>Пример установки значения по умолчанию с помощью jQuery.</h3> <p>Для установки значения по умолчанию в элемент <textarea> с помощью jQuery, используйте метод <code>.val()</code>. Это позволяет вам не только задать текст, но и динамически обновлять его при необходимости.</p> <p>Вот пример, в котором на странице есть текстовая область с ID «myTextarea». Используйте следующий код jQuery, чтобы установить значение по умолчанию:</p> <pre><code>$(document).ready(function() { $('#myTextarea').val('Ваш текст по умолчанию'); });</code></pre> <p>Разместите данный код внутри тега <script> после подключения библиотеки jQuery. Это гарантирует выполнение кода после загрузки документа.</p> <p>Если вам нужно изменить значение текстовой области на основе событий, таких как нажатие кнопки, можно сделать так:</p> <pre><code>$('#myButton').click(function() { $('#myTextarea').val('Новое значение'); });</code></pre> <p>Таким образом, при каждом нажатии на кнопку текстовое поле будет обновляться. Это позволяет создавать интерактивные формы, где значение textbox меняется на основе действий пользователя.</p> <p>Запомните, что использование jQuery делает работу с элементами на странице более удобной и управляемой. Настройте свои элементы так, как вам нужно, чтобы улучшить пользовательский опыт.</p> <h2>Адаптация значения textarea в зависимости от контекста</h2> <p>Для адаптации значения textarea в зависимости от контекста используйте JavaScript. Это помогает динамически менять содержимое поля в зависимости от выбранного пользователем варианта или введенной информации.</p> <p><strong>Шаг 1:</strong> Создайте несколько вариантов, например, с помощью радиокнопок или выпадающего списка. Это позволит пользователю выбрать нужный контекст.</p> <ul> <li>Пример радиокнопок:</li> </ul> <pre> <input type="radio" id="option1" name="context" value="Контекст 1" checked> <label for="option1">Контекст 1</label> <input type="radio" id="option2" name="context" value="Контекст 2"> <label for="option2">Контекст 2</label> </pre> <p><strong>Шаг 2:</strong> Добавьте textarea в HTML-код:</p> <pre> <textarea id="dynamicTextarea" rows="4" cols="50">Начальное значение

Шаг 3: Используйте JavaScript для изменения текста в textarea в зависимости от выбора пользователя:

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

Совет: При необходимости можно добавлять дополнительные контекстные варианты, просто расширив список радиокнопок и обновив обработчик событий в JavaScript.

Изменение значения при взаимодействии с пользователем

Используйте обработчики событий JavaScript для изменения значения textarea при взаимодействии пользователя. Например, реализуйте функцию, которая обновляет текст при вводе или удалении символов. Можно воспользоваться событием input для отслеживания изменений.

Вот пример кода:

Значение по умолчанию

Кроме того, вы можете задать условие, при котором значение меняется в зависимости от введённого текста. Например, если пользователь вводит определенные слова, вы можете заменить их на другие.

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

Сбросить

С помощью простого JavaScript создайте интуитивно понятный интерфейс для ваших пользователей, что сделает взаимодействие с textarea более приятным. Попробуйте разнообразные события и подходы, чтобы достичь желаемого результата.

Как установить значение по умолчанию в зависимости от действий пользователя.

Чтобы установить значение по умолчанию для элемента в зависимости от действий пользователя, воспользуйтесь JavaScript. Сначала создайте HTML-форму с текстовой областью и кнопками, которые будут изменять её содержимое.</p> <table> <tr> <th>Элемент</th> <th>Описание</th> </tr> <tr> <td><textarea></td> <td>Поле для ввода текстовой информации.</td> </tr> <tr> <td><button></td> <td>Кнопка для выполнения действия, меняющего значение textarea.</td> </tr> </table> <p>Пример реализации:</p> <pre> <textarea id="myTextarea" rows="4" cols="50">Введите текст здесь...</textarea> <br> <button onclick="setDefaultValue('Привет, мир!')">Установить значение 1</button> <button onclick="setDefaultValue('Как дела?')">Установить значение 2</button> </pre> <p>Затем добавьте JavaScript функцию:</p> <pre> <script> function setDefaultValue(value) { document.getElementById('myTextarea').value = value; } </script> </pre> <p>Теперь, когда пользователь нажимает на кнопку, значение по умолчанию в текстовой области меняется в соответствии с выбранным действием. Это позволяет динамически адаптировать содержимое в зависимости от предпочтений пользователей. Разработав аналогичные кнопки или другие элементы управления, вы можете легко настроить текст <textarea> по вашему усмотрению.</p> <p>Используйте этот подход для повышения интерактивности на вашем сайте. Простые изменения в значении текстовой области могут значительно улучшить пользовательский опыт.</p> </p> </div><!-- .entry-content --> </article><!-- #post-## --> <div class="entry-footer"> </div> <div class="b-share b-share--post"> <div class="b-share__title">Понравилась статья? Поделить с друзьями:</div> <span class="b-share__ico b-share__vk js-share-link" data-uri="http://vk.com/share.php?url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d1%2581%25d1%2582%25d0%25b0%25d0%25bd%25d0%25be%25d0%25b2%25d0%25ba%25d0%25b0-%25d0%25b7%25d0%25bd%25d0%25b0%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d1%258f-%25d0%25bf%25d0%25be-%25d1%2583%25d0%25bc%25d0%25be%25d0%25bb%25d1%2587%25d0%25b0%25d0%25bd%25d0%25b8%25d1%258e-%25d0%25b4%25d0%25bb%25d1%258f-html-text%2F"></span> <span class="b-share__ico b-share__fb js-share-link" data-uri="http://www.facebook.com/sharer.php?u=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d1%2581%25d1%2582%25d0%25b0%25d0%25bd%25d0%25be%25d0%25b2%25d0%25ba%25d0%25b0-%25d0%25b7%25d0%25bd%25d0%25b0%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d1%258f-%25d0%25bf%25d0%25be-%25d1%2583%25d0%25bc%25d0%25be%25d0%25bb%25d1%2587%25d0%25b0%25d0%25bd%25d0%25b8%25d1%258e-%25d0%25b4%25d0%25bb%25d1%258f-html-text%2F"></span> <span class="b-share__ico b-share__tw js-share-link" data-uri="http://twitter.com/share?text=%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0+%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F+%D0%BF%D0%BE+%D1%83%D0%BC%D0%BE%D0%BB%D1%87%D0%B0%D0%BD%D0%B8%D1%8E+%D0%B4%D0%BB%D1%8F+HTML+textarea&url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d1%2581%25d1%2582%25d0%25b0%25d0%25bd%25d0%25be%25d0%25b2%25d0%25ba%25d0%25b0-%25d0%25b7%25d0%25bd%25d0%25b0%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d1%258f-%25d0%25bf%25d0%25be-%25d1%2583%25d0%25bc%25d0%25be%25d0%25bb%25d1%2587%25d0%25b0%25d0%25bd%25d0%25b8%25d1%258e-%25d0%25b4%25d0%25bb%25d1%258f-html-text%2F"></span> <span class="b-share__ico b-share__ok js-share-link" data-uri="https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&service=odnoklassniki&st.shareUrl=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d1%2581%25d1%2582%25d0%25b0%25d0%25bd%25d0%25be%25d0%25b2%25d0%25ba%25d0%25b0-%25d0%25b7%25d0%25bd%25d0%25b0%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d1%258f-%25d0%25bf%25d0%25be-%25d1%2583%25d0%25bc%25d0%25be%25d0%25bb%25d1%2587%25d0%25b0%25d0%25bd%25d0%25b8%25d1%258e-%25d0%25b4%25d0%25bb%25d1%258f-html-text%2F"></span> <span class="b-share__ico b-share__gp js-share-link" data-uri="https://plus.google.com/share?url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d1%2581%25d1%2582%25d0%25b0%25d0%25bd%25d0%25be%25d0%25b2%25d0%25ba%25d0%25b0-%25d0%25b7%25d0%25bd%25d0%25b0%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d1%258f-%25d0%25bf%25d0%25be-%25d1%2583%25d0%25bc%25d0%25be%25d0%25bb%25d1%2587%25d0%25b0%25d0%25bd%25d0%25b8%25d1%258e-%25d0%25b4%25d0%25bb%25d1%258f-html-text%2F"></span> <span class="b-share__ico b-share__whatsapp js-share-link js-share-link-no-window" data-uri="whatsapp://send?text=%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0+%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F+%D0%BF%D0%BE+%D1%83%D0%BC%D0%BE%D0%BB%D1%87%D0%B0%D0%BD%D0%B8%D1%8E+%D0%B4%D0%BB%D1%8F+HTML+textarea%20https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d1%2581%25d1%2582%25d0%25b0%25d0%25bd%25d0%25be%25d0%25b2%25d0%25ba%25d0%25b0-%25d0%25b7%25d0%25bd%25d0%25b0%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d1%258f-%25d0%25bf%25d0%25be-%25d1%2583%25d0%25bc%25d0%25be%25d0%25bb%25d1%2587%25d0%25b0%25d0%25bd%25d0%25b8%25d1%258e-%25d0%25b4%25d0%25bb%25d1%258f-html-text%2F"></span> <span class="b-share__ico b-share__viber js-share-link js-share-link-no-window" data-uri="viber://forward?text=%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0+%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F+%D0%BF%D0%BE+%D1%83%D0%BC%D0%BE%D0%BB%D1%87%D0%B0%D0%BD%D0%B8%D1%8E+%D0%B4%D0%BB%D1%8F+HTML+textarea%20https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d1%2581%25d1%2582%25d0%25b0%25d0%25bd%25d0%25be%25d0%25b2%25d0%25ba%25d0%25b0-%25d0%25b7%25d0%25bd%25d0%25b0%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d1%258f-%25d0%25bf%25d0%25be-%25d1%2583%25d0%25bc%25d0%25be%25d0%25bb%25d1%2587%25d0%25b0%25d0%25bd%25d0%25b8%25d1%258e-%25d0%25b4%25d0%25bb%25d1%258f-html-text%2F"></span> <span class="b-share__ico b-share__telegram js-share-link js-share-link-no-window" data-uri="https://telegram.me/share/url?url=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d1%2581%25d1%2582%25d0%25b0%25d0%25bd%25d0%25be%25d0%25b2%25d0%25ba%25d0%25b0-%25d0%25b7%25d0%25bd%25d0%25b0%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d1%258f-%25d0%25bf%25d0%25be-%25d1%2583%25d0%25bc%25d0%25be%25d0%25bb%25d1%2587%25d0%25b0%25d0%25bd%25d0%25b8%25d1%258e-%25d0%25b4%25d0%25bb%25d1%258f-html-text%2F&text=%D0%A3%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0+%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F+%D0%BF%D0%BE+%D1%83%D0%BC%D0%BE%D0%BB%D1%87%D0%B0%D0%BD%D0%B8%D1%8E+%D0%B4%D0%BB%D1%8F+HTML+textarea"></span> </div> <meta itemscope itemprop="mainEntityOfPage" itemType="https://schema.org/WebPage" itemid="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/%d1%83%d1%81%d1%82%d0%b0%d0%bd%d0%be%d0%b2%d0%ba%d0%b0-%d0%b7%d0%bd%d0%b0%d1%87%d0%b5%d0%bd%d0%b8%d1%8f-%d0%bf%d0%be-%d1%83%d0%bc%d0%be%d0%bb%d1%87%d0%b0%d0%bd%d0%b8%d1%8e-%d0%b4%d0%bb%d1%8f-html-text/"/> <meta itemprop="dateModified" content="2024-05-30"/> <meta itemprop="datePublished" content="2024-05-30T12:31:42+03:00"/> <div class="wpdiscuz_top_clearing"></div> <div id='comments' class='comments-area'><div id='respond' style='width: 0;height: 0;clear: both;margin: 0;padding: 0;'></div><div id='wpd-post-rating' class='wpd-not-rated'> <div class='wpd-rating-wrap'> <div class='wpd-rating-left'></div> <div class='wpd-rating-data'> <div class='wpd-rating-value'> <span class='wpdrv'>0</span> <span class='wpdrc'>0</span> <span class='wpdrt'>голоса</span></div> <div class='wpd-rating-title'>Рейтинг статьи</div> <div class='wpd-rating-stars'><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg></div><div class='wpd-rate-starts'><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg><svg xmlns='https://www.w3.org/2000/svg' viewBox='0 0 24 24'><path d='M0 0h24v24H0z' fill='none'/><path class='wpd-star' d='M12 17.27L18.18 21l-1.64-7.03L22 9.24l-7.19-.61L12 2 9.19 8.63 2 9.24l5.46 4.73L5.82 21z'/><path d='M0 0h24v24H0z' fill='none'/></svg></div></div> <div class='wpd-rating-right'></div></div></div> <div id="wpdcom" class="wpdiscuz_unauth wpd-default wpd-layout-1 wpd-comments-open"> <div class="wc_social_plugin_wrapper"> </div> <div class="wpd-form-wrap"> <div class="wpd-form-head"> <div class="wpd-sbs-toggle"> <i class="far fa-envelope"></i> <span class="wpd-sbs-title">Подписаться</span> <i class="fas fa-caret-down"></i> </div> <div class="wpd-auth"> <div class="wpd-login"> <a rel="nofollow" href="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-login.php?redirect_to=https%3A%2F%2Fxn----7sbbh7akdldfh0ai3n.xn--p1ai%2F%25d1%2583%25d1%2581%25d1%2582%25d0%25b0%25d0%25bd%25d0%25be%25d0%25b2%25d0%25ba%25d0%25b0-%25d0%25b7%25d0%25bd%25d0%25b0%25d1%2587%25d0%25b5%25d0%25bd%25d0%25b8%25d1%258f-%25d0%25bf%25d0%25be-%25d1%2583%25d0%25bc%25d0%25be%25d0%25bb%25d1%2587%25d0%25b0%25d0%25bd%25d0%25b8%25d1%258e-%25d0%25b4%25d0%25bb%25d1%258f-html-text%2F"><i class='fas fa-sign-in-alt'></i> авторизуйтесь</a> </div> </div> </div> <div class="wpdiscuz-subscribe-bar wpdiscuz-hidden"> <form action="https://xn----7sbbh7akdldfh0ai3n.xn--p1ai/wp-admin/admin-ajax.php?action=wpdAddSubscription" method="post" id="wpdiscuz-subscribe-form"> <div class="wpdiscuz-subscribe-form-intro">Уведомить о </div> <div class="wpdiscuz-subscribe-form-option" style="width:40%;"> <select class="wpdiscuz_select" name="wpdiscuzSubscriptionType"> <option value="post">новых последующих комментариях</option> <option value="all_comment" >новых ответах на мои комментарии</option> </select> </div> <div class="wpdiscuz-item wpdiscuz-subscribe-form-email"> <input class="email" type="email" name="wpdiscuzSubscriptionEmail" required="required" value="" placeholder="Email"/> </div> <div class="wpdiscuz-subscribe-form-button"> <input id="wpdiscuz_subscription_button" class="wpd-prim-button wpd_not_clicked" type="submit" value="›" name="wpdiscuz_subscription_button"/> </div> <input type="hidden" id="wpdiscuz_subscribe_form_nonce" name="wpdiscuz_subscribe_form_nonce" value="32070f975c" /><input type="hidden" name="_wp_http_referer" value="/%D1%83%D1%81%D1%82%D0%B0%D0%BD%D0%BE%D0%B2%D0%BA%D0%B0-%D0%B7%D0%BD%D0%B0%D1%87%D0%B5%D0%BD%D0%B8%D1%8F-%D0%BF%D0%BE-%D1%83%D0%BC%D0%BE%D0%BB%D1%87%D0%B0%D0%BD%D0%B8%D1%8E-%D0%B4%D0%BB%D1%8F-html-text/" /> </form> </div> <div class="wpd-form wpd-form-wrapper wpd-main-form-wrapper" id='wpd-main-form-wrapper-0_0'> <form method="post" enctype="multipart/form-data" data-uploading="false" class="wpd_comm_form wpd_main_comm_form" > <div class="wpd-field-comment"> <div class="wpdiscuz-item wc-field-textarea"> <div class="wpdiscuz-textarea-wrap "> <div class="wpd-avatar"> <img alt='guest' src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2056%2056'%3E%3C/svg%3E" data-lazy-srcset='https://secure.gravatar.com/avatar/40804890bb26756ccad1b79a93f5611ccef1b74ababa4d7f2d273446cd0e5d29?s=112&d=mm&r=g 2x' class='avatar avatar-56 photo' height='56' width='56' decoding='async' data-lazy-src="https://secure.gravatar.com/avatar/40804890bb26756ccad1b79a93f5611ccef1b74ababa4d7f2d273446cd0e5d29?s=56&d=mm&r=g"/><noscript><img alt='guest' src='https://secure.gravatar.com/avatar/40804890bb26756ccad1b79a93f5611ccef1b74ababa4d7f2d273446cd0e5d29?s=56&d=mm&r=g' srcset='https://secure.gravatar.com/avatar/40804890bb26756ccad1b79a93f5611ccef1b74ababa4d7f2d273446cd0e5d29?s=112&d=mm&r=g 2x' class='avatar avatar-56 photo' height='56' width='56' decoding='async'/></noscript> </div> <div id="wpd-editor-wraper-0_0" style="display: none;"> <div id="wpd-editor-char-counter-0_0" class="wpd-editor-char-counter"></div> <label style="display: none;" for="wc-textarea-0_0">Label</label> <textarea id="wc-textarea-0_0" name="wc_comment" class="wc_comment wpd-field">