HTML форма - это инструмент, с помощью которого HTML-документ может послать некоторую информацию в некоторую заранее определенную точку внешнего мира, где информация будет некоторым образом обработана.

Рассказать о формах в Самоучителе, посвященному HTML, достаточно трудно. Причина очень простая: создать форму HTML гораздо проще, чем ту "точку внешнего мира", в которую HTML форма будет посылать информацию. В качестве такой "точки" в большинстве случаев выступает программа, написанная на Перл или Си.

Программы, обрабатывающие данные, переданные формами, часто называют CGI-скриптами. Сокращение CGI (Common Gateways Interface) означает "общепринятый интерфейс шлюзов". Написание CGI-скриптов в большинстве случаев требует хорошего знания соответствующего языка программирования и возможностей операционной системы Unix.

В настоящее время определенное распространение получил язык PHP/FI, инструкции которого можно встраивать прямо в HTML-документы (документы при этом сохраняются в виде файлов с расширением *.pht или *.php).

HTML формы передают информацию программам-обработчикам в виде пар [имя переменной]=[значение переменной] . Имена переменных следует задавать латинскими буквами. Значения переменных воспринимаются обработчиками как строки, даже если они содержат только цифры.

Как устроена HTML форма

Форма открывается тегом и заканчивается тегом

Тег

Надпись, нанесенную на кнопку, можно при необходимости передать обработчику путем введения в определение кнопки атрибута NAME=[имя] (читается "нэйм", от английского "имя"), например:

При нажатии на такую кнопку обработчик вместе со всеми остальными данными получит и переменную button со значением Поехали! .

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

Как HTML форма собирает данные

Существуют и другие типы элементов . Каждый элемент должен включать атрибут NAME=[имя] , определяющий имя элемента (и, соответственно, имя переменной, которая будет передана обработчику). Имя должно задаваться только латинскими буквами . Большинство элементов должны включать атрибут VALUE="[значение]" , определяющий значение, которое будет передано обработчику под этим именем. Для элементов и , однако, этот атрибут не обязателен, поскольку значение соответствующей переменной может вводиться пользователем с клавиатуры.

Основные типы элементов :

TYPE=text

Определяет окно для ввода строки текста. Может содержать дополнительные атрибуты SIZE=[число] (ширина окна ввода в символах) и MAXLENGTH=[число] (максимально допустимая длина вводимой строки в символах).

Пример:

Определяет окно шириной 20 символов для ввода текста. По умолчанию в окне находится текст Иван, который пользователь может редактировать. Отредактированный (или неотредактированный) текст передается обработчику в переменной user .

TYPE=password

Определяет окно для ввода пароля. Абсолютно аналогичен типу text , только вместо символов вводимого текста показывает на экране звездочки (*). Пример:

Определяет окно шириной 20 символов для ввода пароля. Максимально допустимая длина пароля - 10 символов. Введенный пароль передается обработчику в переменной pw .

TYPE=radio

Определяет радиокнопку. Может содержать дополнительный атрибут checked (показывает, что кнопка помечена). В группе радиокнопок с одинаковыми именами может быть только одна помеченная радиокнопка.

Пример:

9600 бит/с
14400 бит/с
28800 бит/с

Определяет группу из трех радиокнопок, подписанных 9600 бит/с, 14400 бит/с и 28800 бит/с. Первоначально помечена первая из кнопок. Если пользователь не отметит другую кнопку, обработчику будет передана переменная modem со значением 9600 . Если пользователь отметит другую кнопку, обработчику будет передана переменная modem со значением 14400 или 28800 .

TYPE=checkbox

Определяет квадрат, в котором можно сделать пометку. Может содержать дополнительный атрибут checked (показывает, что квадрат помечен). В отличие от радиокнопок, в группе квадратов с одинаковыми именами может быть несколько помеченных квадратов.

Пример:

Персональные компьютеры
Рабочие станции
Серверы локальных сетей
Серверы Интернет

Определяет группу из четырех квадратов. Первоначально помечены второй и четвертый квадраты. Если пользователь не произведет изменений, обработчику будут переданы две переменные: comp=WS и comp=IS .

TYPE=hidden

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

Пример:

Определяет скрытую переменную version , которая передается обработчику со значением 1.1 .

TYPE=reset

Определяет кнопку, при нажатии на которую форма HTML возвращается в исходное состояние. Поскольку при использовании этой кнопки данные обработчику не передаются, кнопка типа reset может и не иметь атрибута name .

Пример:

Определяет кнопку Очистить поля формы, при нажатии на которую форма HTML возвращается в исходное состояние.

Помимо элементов , формы HTML могут содержать меню и поля для ввода текста .</p> <p>Меню <SELECT> из n элементов выглядит примерно так:</p><p> <SELECT NAME="[имя]"> <OPTION VALUE="[значение 1]">[текст 1] <OPTION VALUE="[значение 2]">[текст 2] ... <OPTION VALUE="[значение n]">[текст n] </SELECT> </p><p>Как Вы видите, меню начинается с тега <SELECT> и заканчивается тегом </SELECT> . Тег <SELECT> содержит обязательный атрибут NAME , определяющий имя переменной, которую генерирует меню.</p> <p>Тег <SELECT> может также содержать атрибут MULTIPLE , присутствие которого показывает, что из меню можно выбрать несколько элементов. Большинство браузеров показывают меню <SELECT MULTIPLE> в виде окна, в котором находятся элементы меню (высоту окна в строках можно задать атрибутом SIZE=[число]). Меню <SELECT> в большинстве случаев показывается в виде выпадающего меню.</p> <p>Тег <OPTION> определяет элемент меню. Обязательный атрибут VALUE устанавливает значение, которое будет передано обработчику, если выбран этот элемент меню. Тег <OPTION> может включать атрибут checked , показывающий, что <a href="/polzovatelskie-formy-redaktirovaniya-elementov-redaktirovanie-dannyh-v-php-php-redaktirovanie-dann/">данный элемент</a> отмечен по умолчанию.</p> <h3>Разберем небольшой пример:</h3> <SELECT NAME="selection"> <OPTION VALUE="option1" checked>Вариант 1 <OPTION VALUE="option2">Вариант 2 <OPTION VALUE="option3">Вариант 3 </SELECT> <p>Такой фрагмент определяет меню из трех элементов: Вариант 1 , Вариант 2 и Вариант 3 . По умолчанию выбран элемент Вариант 1 . Обработчику будет передана переменная selection значение которой может быть option1 (по умолчанию), option2 или option3 .</p> <p>После всего, что мы уже узнали, элемент <TEXTAREA> может показаться совсем простым. Например:</p><p> <TEXTAREA NAME=address ROWS=5 COLS=50> А здесь - Ваш адрес...

Все атрибуты обязательны. Атрибут NAME определяет имя, под которым содержимое окна будет передано обработчику (в примере - address). Атрибут ROWS устанавливает высоту окна в строках (в примере - 5). Атрибут COLS устанавливает ширину окна в символах (в примере - 50).

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

Важно знать, что русские буквы в окне при передаче обработчику могут быть конвертированы в соответствующие им символьные объекты.</p> <h3>Пример:</h3> <p>Для демонстрации использования форм HTML я написал <a href="/pochemu-ne-podderzhivaetsya-golosovoi-vyzov-na-planshete-nebolshoi-obzor/">небольшую программу</a> на PHP, которая находится по адресу:</p><p>Http://206.31.82.215/hp/nc/fd-win.pht </p><p>Исходные данные в эту программу передаст форма, описанная в примере 12 :</p><p> <HTML> <HEAD> <TITLE>Пример 12</TITLE> </HEAD> <H1>Несколько более сложная форма </H1> <FORM ACTION="http://206.31.82.215/hp/nc/fd-win.pht" METHOD=post> <H2>Расскажите немного о себе...</H2> <P>Указывать подлинные данные совсем не обязательно. Для целей демонстрации вполне подойдут и вымышленные. </P> <P>Имя: <INPUT TYPE=text SIZE=40 NAME=fn><BR> Фамилия: <INPUT TYPE=text SIZE=40 NAME=ln><BR> Пол: <INPUT TYPE=radio NAME=gender VALUE="male" checked>мужской <INPUT TYPE=radio NAME=gender VALUE="female">женский<BR> Возраст: <INPUT TYPE=text SIZE=5 NAME=age> лет<BR> <INPUT TYPE=submit VALUE="Запустить обработчик"></P> </FORM> </BODY> </HTML> </p><p>Заполняйте форму HTML, жмите на кнопку и смотрите, что будет...</p> <p><b>Маленькая хитрость, <br> или как отправить форму почтой </b></p><p>Все это прекрасно, скажут скептики, но на кой ляд нужны HTML формы людям, которым их нечем обработать? Отчасти это верно, но только отчасти.</p> <p>HTML предоставляет в Ваше распоряжение довольно мощный механизм пересылки содержимого форм по <a href="/chto-takoe-el-pismo-principy-raboty-elektronnoi-pochty-chto-takoe/">электронной почте</a>. Вот как это выглядит на практике.</p> <p>Допустим, что мы слегка изменили Пример 12. Вместо строки</p><p> <FORM ACTION="http://206.31.82.215/hp/nc/fd-win.pht" METHOD=post> </p><p>мы ввели строку</p><p> <FORM ACTION="mailto:user@mail.box" ENCTYPE=text/plain> </p><p>Обратите внимание, что мы изменили алгоритм кодирования на text/plain , то есть фактически выключили кодирование вообще.</p> <p>Предположим теперь, что пользователь указал, имя Иван, фамилию Петров, мужской пол и возраст 22 года. Теперь вопрос: что произойдет, если пользователь нажмет на кнопку Запустить обработчик?</p> <p>Ответ прост. На адрес user@mail.box электронной почтой автоматически будет отправлено сообщение следующего содержания:</p><p>Fn=Иван ln=Петров gender=male age=22 </p><p>К сожалению, не все пользователи смогут воспользоваться такой формой HTML. Дело в том, что всю работу по составлению сообщения и запуску почтовой программы для его отправки фактически берет на себя браузер пользователя. Это значит, что конфигурация доступа пользователя к Интернет должна обеспечивать одновременное функционирование протокола передачи гипертекстов и протокола доставки исходящей почты. Такое возможно не всегда. Тем не менее, даже если это невозможно, ничего смертельного не случится. Браузер просто выдаст сообщение об ошибке.</p> <table width="635" border="0"><tr><td width="200"> </td><td> </td><td width="200"> </td> </tr></table> <p>Форма в HTML это часть документа, которая позволяет пользователю ввести интересующую нас информацию, которую впоследствии можно принять и обработать на стороне сервера. Другими словами, формы используются для сбора информации введённой пользователями.</p> <p>Чтобы определить к какому элементу формы относится текущая метка, необходимо использовать атрибут for тега <label> . Значение атрибута for должно соответствовать значению глобального атрибута того элемента формы, к которому будет относится метка. Атрибут for можно не использовать, если элемент <input> будет находиться внутри элемента <label> .</p> <p>Рассмотрим пример использования:</p> <span><!DOCTYPE html> <html> <head> <title> </span>Пример использования тега <label><span></title> </head> <body> <form> <label </span> for = "yes" > Да</label> <span><!--Здесь мы создаём метку для тега input c id = "yes"--> </span> <input type = "radio" id = "yes" name = "choice" value = "yes" checked > <label for = "no" > Нет</label> <span><!--Здесь мы создаём метку для тега input c id = "no"--> </span> <input type = "radio" id = "no" name = "choice" value = "no" <span>> </form><br> <form> <label> </span>Да <input type = "radio" name = "choice2" value = "yes" > </label> <span><!--Здесь мы помещаем теги <input> внутрь тегов <label> (при этом атрибут for не требуется)--> </span> <label> Нет <input type = "radio" name = "choice2" value = "no" checked <span>></label> </form> </body> </html> </span> <p>В этом примере мы:</p> <ul><li>Внутри <i>первой </i> формы: <ul><li>Разместили <i>две </i> радиокнопки (<input type = "radio" > ) для выбора одного из <a href="/kak-ogranichit-chislo-php-cgi-processov-dlya-mod-fcgid-process/">ограниченного числа</a> вариантов. Еще раз обратите внимание, что для радиокнопок внутри одной формы <b>необходимо указывать одинаковое имя </b>, значения мы указали разные. Для <i>первой </i> checked , который указывает, что элемент должен быть предварительно выбран при загрузке страницы (в данном случае радиокнопка со значением yes ). Кроме того, мы указали для радиокнопок глобальные атрибуты , которые определяют уникальный идентификатор для элемента.</li> <li>Разместили два элемента <label> , которые определяют текстовые метки для наших текстовых полей. Обратите внимание, что мы использовали атрибут for , чтобы определить к какому элементу формы относится текущая метка. Значение атрибута for соответствует значению глобального атрибута необходимой нам радиокнопки.</li> </ul></li> <li>Внутри <i>второй </i> формы: <ul><li>Разместили <i>две </i> радиокнопки (<input type = "radio" > ) для выбора одного из ограниченного числа вариантов. Для <i>второй </i> радиокнопки мы указали атрибут checked , который указывает, что элемент должен быть предварительно выбран при загрузке страницы (в данном случае радиокнопка со значением no ). Кроме того, мы указали для радиокнопок уникальные значения в рамках формы и одинаковые имена.</li> <li>Разместили два элемента <label> , внутри них мы разместили наши радиокнопки. В отличии от <a href="/kak-udalit-windows-10-polnostyu-metod-otkat-k-predydushchei-versii-vindovs-s/">предыдущего метода</a> отсутствует необходимость указывать для радиокнопок глобальные атрибуты (идентификатор для элемента), а для текстовых меток использовать атрибут for , чтобы на них сослаться (сделать привязку).</li> </ul></li> </ul><p>В браузере оба варианта (метода) использования текстовых меток выглядят идентично:</p> <h2>Подсказка для полей ввода</h2> <p>Давайте рассмотри пример использования:</p> <span><!DOCTYPE html> <html> <head> </span> <title> Пример использования атрибута placeholder<span></title> </head> <body> <form> </span> Login: <input <span>type = "text" name = "login" placeholder = <span>"Введите ваш логин" </span>><br><br> </span> Password: <input <span>type = "password" name = "password" placeholder = <span>"Введите ваш пароль" </span>><br> <button type = "submit" > </span>Далее<span></button> </form> </body> </html> </span> <p>В <a href="/proektirovanie-relyacionnyh-baz-dannyh-rassmotrim-primer/">данном примере</a> мы указали для элемента <input> с типом text (однострочное текстовое поле) и типом password (поле с паролем) текстовую подсказку для пользователя (атрибут placeholder), которая описывает ожидаемое значение для ввода.</p> <p>Результат нашего примера:</p> <h2>Вопросы и задачи по теме</h2> <p>Перед тем как перейти к изучению следующей темы пройдите практическое задание:</p> <ul><li>Используя полученные знания составьте следующую форму оформления заказа:</li> </ul><p><i>Нюанс: в полях, где предполагается выбор, должна быть возможность осуществления выбора кликом по тексту, а не только по самому элементу. </i></p> <p>После того как вы выполните упражнение проинспектируйте код страницы, открыв пример в <a href="/cifrovoe-televidenie-gde-stoyat-vyshki-karta-otkroetsya-v/">отдельном окне</a>, чтобы убедиться, что вы все выполнили правильно.</p> <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 class="clear"></div> <script type="text/javascript"> document.getElementById('hc_full_comments').innerHTML = ''; </script><br /><br /><noindex><p align="center"><center> <div id="meta_news_block1111" style="text-align: center;"></div></center> </p> <br /><br /> <p align="center"> </p> </noindex> </div> </div> <div id="sidebar"> <div class="clear"></div><br /> <h2 class="front" style="margin:15px 0 5px 0">Популярные статьи</h2> <div class="tabcont"> <ol> <li><a href="/skachat-programmu-vosstanovleniya-vindovs-7-vosstanovlenie/">Восстановление системы Windows</a></li> <li><a href="/kak-izmenit-prilozhenie-po-umolchaniyu-na-android-kak-sd-kartu/">Как SD-карту сделать основной памятью на Андроид Как изменить место сохранения файлов на android</a></li> <li><a href="/chto-znachit-vai-fai-mimo-mimo-antenna---chto-eto-takoe-i-v-chem-ee/">MIMO антенна - что это такое и в чем ее приемущество?</a></li> <li><a href="/pochemu-ne-rabotaet-yutub-na-televizore-prichiny-i-chto-delat-propal-ili/">Пропал или не работает Ютуб на телевизоре Youtube на старых телевизорах</a></li> <li><a href="/displayport-raz-m-dlya-peredachi-video-i-audio-signala-s-vysokoi/">DisplayPort — разъём для передачи видео и аудио сигнала с высокой скоростью</a></li> </ol> </div> <h2 class="front" style="margin:15px 0 5px 0">Последние статьи</h2> <div class="tabcont"> <ol> <li><a href="/dlya-chego-lyudi-ispolzuyut-internet-pochemu-lyudi-ispolzuyut/">Почему люди используют Интернет?</a></li> <li><a href="/kak-sozdat-skrytyi-razdel-diske-kak-sdelat-skrytyi-razdel-na/">Как сделать скрытый раздел на ноутбуке(компьютере) для восстановления Windows</a></li> <li><a href="/na-kakih-birzhah-budet-torgovatsya-bitcoin-gold-bitcoin-gold-podderzhka-birzh-i-servisov/">Bitcoin Gold: поддержка бирж и сервисов Стоит ли инвестировать в Bitcoin Gold</a></li> <li><a href="/kak-perenesti-rasshireniya-google-chrome-bez-sinhronizacii-kak-perenesti/">Как перенести закладки из Google Chrome в Google Chrome Перенос всех настроек google chrome</a></li> <li><a href="/goryachaya-klavisha-svernut-vse-kak-s-pomoshchyu-klaviatury-svernut-okno/">Как с помощью клавиатуры свернуть окно: советы и рекомендации</a></li> <li><a href="/ch-4-voiti-s-pomoshchyu-imya-required-html5-i-ego-atributy-dlya-proverki/">HTML5 и его атрибуты для проверки формы</a></li> <li><a href="/vebkamery-hd-vebkamery-hd-pochemu-ne-stoit-pokupat/">Вебкамеры HD Почему не стоит покупать</a></li> </ol> </div> <div class="widget" id="ajdg_grpwidgets-3"> <div class="g g-9"> <div class="g-single a-27"> <script> jQuery(function() { window.onscroll = function() { height_scroll = jQuery(document).scrollTop(); height = jQuery(document).height(); height50 = height / 2; if (height_scroll >= height50) { jQuery("#site-code-block-22").fadeIn(1200); document.getElementById('site-code-block-22').style.display = 'block'; jQuery("#site-code-block-23").fadeOut(1200); document.getElementById('site-code-block-23').style.display = 'none'; } else { jQuery("#site-code-block-22").fadeOut(1200); document.getElementById('site-code-block-22').style.display = 'none'; document.getElementById('site-code-block-23').style.display = 'block'; jQuery("#site-code-block-23").fadeIn(1200); } }; }); </script> <div class="site-code-block prma-count" data-rel="cb_23" id="site-code-block-23" style=""> </div> <div class="site-code-block prma-count" data-rel="cb_22" id="site-code-block-22" style=""> </div> </div> </div> </div> <div class="clear"></div> <br /> <center> <div style="color: #333333; font-size: 11px;"> </div> </center> <div class="clear"></div> </div> <div class="clear"></div> </div> </div> </div> <br /><br /> <div id="footeri"> <div id="footer"> <div class="footer-sec"> <h6>Разделы</h6> <ul> <li><a href="/category/youtube/">Youtube</a></li> <li><a href="/category/facebook/">Facebook</a></li> <li><a href="/category/twitter/">Twitter</a></li> <li><a href="/category/tips/">Советы</a></li> <li><a href="/category/useful-tips/">Полезные советы</a></li> <br /> </ul> </div> <div class="footer-sec"> <h6>Страницы</h6> <ul> <li><a href="">О проекте</a></li> <noindex> <li><a href="" >RSS новости</a></li> </noindex> </ul><br /><br /><br /> <h6>Спецпроекты</h6> <ul> <li><a href="/feedback/">Связаться с нами</a></li> </ul> </div> <div id="footer-top"> <h6>Контакты</h6> <ul> <li><a href="">Реклама на сайте</a></li> <li><a href="/feedback/">Контакты</a></li> </div> <div class="clear"></div> </div></div> <div id="bottom"><div class="foot_col1"> 2024 © <a href="/">gtavrl.ru</a>. </div> <script type="text/javascript">var addthis_config = { "data_track_addressbar":true,"pubid": "ra-58b68bb0f1371607"} ;addthis_config.data_track_addressbar = false;addthis_config.data_track_clickback = false;</script> <script type='text/javascript'> var flag_hide = 0; function hide_direct() { flag_hide = 1; jQuery('#rek_mob_fixed').slideToggle( 'slow' ); var date = new Date(); var expires_hour = 21600000; date.setTime(date.getTime()+expires_hour); showSocial(); Cookies.set('advp_show_me', '1', { expires: date, path: '/'} ); } ; jQuery(function(f){ var element = f('#rek_mob_fixed'); element.delay(8000); f(window).scroll(function(){ if (flag_hide == 0){ var offset_element_for_hide = jQuery('#before_footer').val(); if (offset_element_for_hide != null) { offset_element_for_hide = jQuery('#before_footer'); offset_element_for_hide = jQuery(offset_element_for_hide).offset().top - jQuery(window).height(); } else { offset_element_for_hide = jQuery(document).height(); } //Если рекламный блок более 1000px по ширине, устанавливай фикс. ширину 1000px if (jQuery('#rek_mob_fixed_block').actual('width') >1000) { jQuery('#rek_mob_fixed_block').css({ 'max-width':'1000px'} ); } if(f(this).scrollTop() > 500){ element.fadeIn(0); } if(f(this).scrollTop() < 500 || f(this).scrollTop() > offset_element_for_hide ){ element.fadeOut(0) } if(f(this).scrollTop() + f(this).height() >= f(document).height() && flag_hide == 0 && jQuery('#rek_mob_fixed').is(':visible')) { jQuery('#rek_mob_fixed').slideToggle(100); } } } ); } ); function showSocial(){ if(flag_hide == 1 ) jQuery('#footer-share').slideToggle('slow'); } </script><div id="wondergridgallerylightbox_options" data-skinsfoldername="skins/default/" data-jsfolder="/wp-content/plugins/modesco-wonderplugin-gridgallery/engine/" style="display:none;"></div> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/contact-form-7/includes/js/scripts.js?ver=4.9.2'></script> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/modesco-monica/script.min.js?ver=4.9.1'></script> <script type='text/javascript'> /* <![CDATA[ */ var tocplus = { "visibility_show":"\u043f\u043e\u043a\u0430\u0437\u0430\u0442\u044c","visibility_hide":"\u0441\u043a\u0440\u044b\u0442\u044c","width":"100%"} ; /* ]]> */ </script> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/modesco-table-of-contents-plus/front.js?ver=1404'></script> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/page-links-to/js/new-tab.min.js?ver=2.9.8'></script> <script type='text/javascript'> var q2w3_sidebar_options = new Array(); q2w3_sidebar_options[0] = { "sidebar" : "ads-sidebar", "margin_top" : 10, "margin_bottom" : 50, "stop_id" : "before_footer", "screen_max_width" : 0, "screen_max_height" : 0, "width_inherit" : false, "refresh_interval" : 1500, "window_load_hook" : false, "disable_mo_api" : false, "widgets" : ['ajdg_grpwidgets-3'] } ; </script> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/q2w3-fixed-widget/js/q2w3-fixed-widget.min.js?ver=5.0.4'></script> <script type='text/javascript' src='https://gtavrl.ru/wp-content/plugins/youtube-embed-plus/scripts/fitvids.min.js?ver=4.9.1'></script> <script type='text/javascript' src='/wp-includes/js/wp-embed.min.js?ver=4.9.1'></script> <script type="text/javascript"> var _hcwp = _hcwp || []; var _hcobj = { widget_id : 29264, widget : "Bloggerstream",selector: '.hc_counter_comments',platform:"wordpress", } ; _hcwp.push(_hcobj); (function() { if("HC_LOAD_INIT" in window)return; HC_LOAD_INIT = true; var lang = "ru"; var hcc = document.createElement("script"); hcc.type = "text/javascript"; hcc.async = true; hcc.src = ("https:" == document.location.protocol ? "https" : "http")+"://w.hypercomments.com/widget/hc/29264/"+lang+"/widget.js"; var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(hcc, s.nextSibling); } )(); </script> </body> </div> </body> </html>