Учебник по HTML - III

Вернуться к разделу «Ответы на вопросы»

Некоторые www-браузеры позволяют пользователю, заполнив специальную форму, возвращающую полученное значение, выполнять некоторые действия на вашем www-сервере. Когда форма интерпретируется web-броузером, создается специальные экранные элементы GUI, такие, как поля ввода, checkboxes, radiobuttons, выпадающие меню, скроллируемые списки, кнопки и т.д. Когда пользователь заполняет форму и нажимает кнопку «Подтверждение» (SUBMIT — специальный тип кнопки, который задается при описании документа), информация, введенна пользователем в форму, посылается HTTP-серверу для обработки и передаче другим программам, работающим под сервером, в соответствии с CGI (Common Gateway Interface) интерфейсом.

Когда вы описываете форму, каждый элемент ввода данных имеет тэг . Когда пользователь помещает данные в элемент формы, инфоромация размещается в разделе VALUE данного элемента.

Синтаксис

Все формы начинаются тэгом

 Элементы_формы_и_другие_элементы_HTML

METHOD

Метод посылки сообщения с данными из формы. В зависимости от используемого метода вы можете посылать результаты ввода данных в форму двумя путями:

GET: Информация из формы добавляется в конец URL, который был указан в описании заголовка формы. Ваша CGI-программа (CGI-скрипт) получает данные из формы в виде параметра переменной среды QUERY_STRING. Использование метода GET не рекомендуется.
POST: Данный метод передает всю информацию о форме немедленно после обращения к указанному URL. Ваша CGI-программа получает данные из формы в стандартный поток ввода. Сервер не будет пересылать вам сообщение об окончании пересылки данных в стандартный поток ввода; вместо этого используется переменная среды CONTENT_LENGTH для определения, какое количество данных вам необходимо считать из стандартного потока ввода. Данный метод рекомендуется к использованию.

ACTION

ACTION описывает URL, который будет вызываться для обработки формы. Данный URL почти всегда указывает на CGI-программу, обрабатывающую данную форму.

Тэги Формы

TEXTAREA

Тэг используется для того, чтобы позволить пользователю вводить более одной строки информации (свободный текст). Вот пример использовани тэга <TEXTAREA>:</P><PRE><TEXTAREA NAME="address" ROWS=10 COLS=50> Москва, Дмитровкое шоссе, д.9Б, офис 448 </div> </div> </div> </main> <footer id="footer"> <div class="container"> <div class="footer-top d-flex justify-content-right justify-content-between" style="flex-flow: row wrap;"> <div class="footer-links text-start mb-1"> <ul itemscope itemtype="http://schema.org/BreadcrumbList" class="nav" style="display: inline; padding: 0;"><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" style="display: inline;"><a itemprop="item" href="/" title="Хостинг провайдер TAG.Hosting"><i class="bi bi-house"></i><meta itemprop="name" content="Хостинг провайдер TAG.Hosting"></a><meta itemprop="position" content="0"></li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" style="display: inline;"> › <a itemprop="item" href="/faq/" title="Ответы на Вопросы"><span itemprop="name">Ответы на Вопросы</span><meta itemprop="name" content="Ответы на Вопросы"></a><meta itemprop="position" content="1"></li><li itemprop="itemListElement" itemscope itemtype="http://schema.org/ListItem" style="display: inline;"> › <a itemprop="item" href="/faq/part3/" title="Учебник по HTML - III"><span itemprop="name">Учебник по HTML - III</span><meta itemprop="name" content="Учебник по HTML - III"></a><meta itemprop="position" content="2"></li></ul> </div> <div class="footer-links text-right mb-1"> <ul class="nav" style="display: inline; padding: 0;"><li style="display: inline;"><span><a href="/docs/">Официальные документы</a> – </span></li><li style="display: inline;"><span><a href="/banner/">Баннеры и кнопки</a></span></li></ul> </div> </div> <hr style="margin: 0;"> <div class="footer-bottom d-flex justify-content-right justify-content-between" style="flex-flow: row wrap;"> <div class="copyright text-start mt-0"> <span>Мы предоставляем хостинг уже 21 год 9 месяцев 15 дней </span> </div> <div class="copyright text-end mt-0"> <span>©2002–2023 <mark class="tag_marker">TAG</mark><mark class="tag_marker2">Hosting</mark></span> </div> </div>  <script async src="https://www.googletagmanager.com/gtag/js?id=G-6VTX0J84DX"></script> <script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-6VTX0J84DX'); </script>  <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(91671944, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/91671944" style="position:absolute; left:-9999px;" alt="" /></div></noscript>   <script type="text/javascript"> var _tmr = window._tmr || (window._tmr = []); _tmr.push({id: "639970", type: "pageView", start: (new Date()).getTime()}); (function (d, w, id) { if (d.getElementById(id)) return; var ts = d.createElement("script"); ts.type = "text/javascript"; ts.async = true; ts.id = id; ts.src = "https://top-fwz1.mail.ru/js/code.js"; var f = function () {var s = d.getElementsByTagName("script")[0]; s.parentNode.insertBefore(ts, s);}; if (w.opera == "[object Opera]") { d.addEventListener("DOMContentLoaded", f, false); } else { f(); } })(document, window, "tmr-code"); </script> <noscript><div><img src="https://top-fwz1.mail.ru/counter?id=639970;js=na" style="position:absolute;left:-9999px;" alt="Top.Mail.Ru" /></div></noscript>  <script> new Image().src = "https://counter.yadro.ru/hit?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();</script>  <script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-1193615-1']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>  <script type="text/javascript" > (function(m,e,t,r,i,k,a){m[i]=m[i]||function(){(m[i].a=m[i].a||[]).push(arguments)}; m[i].l=1*new Date(); for (var j = 0; j < document.scripts.length; j++) {if (document.scripts[j].src === r) { return; }} k=e.createElement(t),a=e.getElementsByTagName(t)[0],k.async=1,k.src=r,a.parentNode.insertBefore(k,a)}) (window, document, "script", "https://mc.yandex.ru/metrika/tag.js", "ym"); ym(5170699, "init", { clickmap:true, trackLinks:true, accurateTrackBounce:true }); </script> <noscript><div><img src="https://mc.yandex.ru/watch/5170699" style="position:absolute; left:-9999px;" alt="" /></div></noscript>  <div class="sponsor text-center" style="padding: 0px;"> Реклама:<script type="text/javascript">  </script> <a href="https://centerstroydoc.ru/services/proektnaya-dokumentatsiya-dlya-stroitelstva-grazhdanskikh-i-promyshlennykh-obektov/proekt-organizatsii-stroitelstva-pos/" target="_blank">Заказать проект организации строительства</a> в Москве недорого. </div> </div> </div> </footer> </div> </body> </html>

Вход для клиентов:

Вход в почту:

Обращение в службу поддержки:

Учебник по HTML - III

Синтаксис

Тэги Формы