5.7.7 Формы на Web-страницах презентация

и отправлять сведения его администраторам сайта, на его страницах размещают формы. Формы включают в себя управляющие элементы различных типов: текстовые поля, раскрывающиеся списки, флажки, переключатели и так далее.
Разместим на странице «Анкета» анкету для посетителей, чтобы выяснить, кто из наших посетителей, с какими целями и с помощью каких программ получает и использует информацию из сети Интернет, а также выясним, какую информацию они хотели бы видеть на нашем сайте.
Вся форма заключается в контейнер

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

для ввода данных. Просмотреть страницу в браузере:

Пожалуйста, введите ваше имя:

NAME="name" SIZE=30>

E-mail:

NAME="e-mail" SIZE=30>

посетитель. Предложим выбрать ему один из нескольких вариантов: учащийся, студент, учитель.
Для этого необходимо создать группу переключателей («радиокнопок»). Создается такая группа с помощью тэга со значением атрибута TYPE="radio". Все элементы в группе должны иметь одинаковые значения атрибута NAME. Например, NAME="group".

страницу в браузере:
Укажите, к какой группе
пользователей вы себя от­носите:

NAME="group" VALUE= "schoolboy">УЧАЩИЙСЯ

NAME="group" VALUE= "student">СТУДЕНТ

NAME="group" VALUE= "teacher">УЧИТЕЛЬ

наиболее часто. Здесь из предложенного перечня он может выбрать одновременно несколько вариантов, пометив их флажками. Флажки создаются в тэге со значением атрибута TYPE="checkbox".
Флажки, объединенные в группу, могут иметь одинаковые значения атрибута NAME. Например, NAME="group".
Еще одним обязательным атрибутом является VALUE, которому присвоим значения "www", "e-mail" и "ftp". Значение атрибута VALUE должно быть уникальным для каждого флажка, так как при его выборе именно они передаются серверу.
Атрибут CHECKED, который задает выбор кнопки по умолчанию, в данном случае не используется.

в браузере:
Посмотрет страницу в браузере

Internet
Explorer
Internet Explorer

Netscape Navigator
Opera
Neo Planet

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

браузере:
Какую еще информацию вы
хотели бы видеть на нашем
сайте?


ROWS=4 COLS=30><br></TEXTAREA<br><BR><br> </div> <div class="image"> <a href="/img/tmb/1/82919/a5589de0b2a62f8e999c80e51996666a-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Добавить HTML-код, создающий текстовую область для ввода комментариев, просмотреть страницу в браузере:Какую еще информацию выхотели бы видеть на нашемсайте?"><img src="/img/tmb/1/82919/a5589de0b2a62f8e999c80e51996666a-800x.jpg" title="Добавить HTML-код, создающий текстовую область для ввода комментариев, просмотреть страницу в браузере:Какую еще информацию выхотели" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide10"> <h2><a href="/img/tmb/1/82919/ae8161a151c61530b469c7e89cb5abc3-800x.jpg" target="_blank">Слайд 10</a>Отправка данных из формы. Отправка введенной в форму информации или очистка</h2> <div class="text"> полей от уже введенной информации осуществляется с помощью кнопок. Кнопки создаются с помощью тэга <INPUT>. Для создания кнопки, которая отправляет информацию, атрибуту TYPE необходимо присвоить значение "submit", а атрибуту VALUE, который задает надпись на кнопке, — значение "Отправить".<br>Для создания кнопки, которая производит очистку формы, атрибуту TYPE необходимо присвоить значение "re­set", а атрибуту VALUE — значение "Очистить".<br> </div> <div class="image"> <a href="/img/tmb/1/82919/ae8161a151c61530b469c7e89cb5abc3-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Отправка данных из формы. Отправка введенной в форму информации или очистка полей от уже введенной информации осуществляется с помощью кнопок. Кнопки создаются с помощью тэга . Для создания кнопки, которая отправляет информацию, атрибуту TYPE необходимо присвоить значение "submit", а атрибуту VALUE, который задает надпись на кнопке, — значение "Отправить".Для создания кнопки, которая производит очистку формы, атрибуту TYPE необходимо присвоить значение "re­set", а атрибуту VALUE — значение "Очистить"."><img src="/img/tmb/1/82919/ae8161a151c61530b469c7e89cb5abc3-800x.jpg" title="Отправка данных из формы. Отправка введенной в форму информации или очистка полей от уже введенной" alt=""></a> </div> <hr> </div> <div class="descrip" id="slide11"> <h2><a href="/img/tmb/1/82919/20e11c59dc8bb24b7eb93c37db8d3c3d-800x.jpg" target="_blank">Слайд 11</a>Добавить HTML-код, создающий кнопки, просмотреть страницу в браузере:<br> </h2> <div class="text"> VALUE="OTПРАBИTb"> <INPUT TYPE="reset" VALUE="ОЧИСТИТЬ"><br> </div> <div class="image"> <a href="/img/tmb/1/82919/20e11c59dc8bb24b7eb93c37db8d3c3d-800x.jpg" class="js_fancybox" data-fancybox="slides" data-caption="Добавить HTML-код, создающий кнопки, просмотреть страницу в браузере: "><img src="/img/tmb/1/82919/20e11c59dc8bb24b7eb93c37db8d3c3d-800x.jpg" title="Добавить HTML-код, создающий кнопки, просмотреть страницу в браузере:" alt=""></a> </div> <hr> </div> </div> <div class="custom" > <!-- Yandex.RTB R-A-468740-8 --> <div id="yandex_rtb_R-A-468740-8"></div> <script type="text/javascript"> (function(w, d, n, s, t) { w[n] = w[n] || []; w[n].push(function() { Ya.Context.AdvManager.render({ blockId: "R-A-468740-8", renderTo: "yandex_rtb_R-A-468740-8", async: true }); }); t = d.getElementsByTagName("script")[0]; s = d.createElement("script"); s.type = "text/javascript"; s.src = "//an.yandex.ru/system/context.js"; s.async = true; t.parentNode.insertBefore(s, t); })(this, this.document, "yandexContextAsyncCallbacks"); </script></div> <div class="url" id="download"><a href="/uncategorized/577-formy-na-web-stranitsah/download">Скачать презентацию</a></div> </div> <div class="right"> <div class="banners"> <div class="custom" > <!-- Yandex.RTB R-A-468740-2 --> <div id="yandex_rtb_R-A-468740-2"></div> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ renderTo: 'yandex_rtb_R-A-468740-2', blockId: 'R-A-468740-2' }) })</script></div> </div> <div class="list related"> <h2>Похожие презентации</h2> <div class="wrapper"> <a href="/uncategorized/formirovanie-blagopriyatnogo-investitsionnogo-klimata-dlya-razvitiya-mezhdunarodnogo-lizinga-v-respublike-uzbekistan"> <img src="/img/tmb/2/124104/ba98a65a3859fc0ad3c15f04c04dfb19-800x.jpg" alt=""> <span class="desc"> <span>Формирование благоприятного инвестиционного климата для развития международного лизинга в Республике Узбекистан</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 315</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/40114-planirovanie-kompleksamarketingovyh-kommunikatsiyv-yuridicheskoy-firme"> <img src="/img/tmb/1/40114/78dda78bfca357fd95590ffd927e91ba-800x.jpg" alt=""> <span class="desc"> <span>Планирование комплекса маркетинговых коммуникаций в юридической фирме</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 281</span> </span> </a> </div> <div class="custom" > <!-- Yandex.RTB R-A-468740-13 --> <script>window.yaContextCb.push(()=>{ Ya.Context.AdvManager.render({ type: 'fullscreen', blockId: 'R-A-468740-13' }) })</script></div> <div class="wrapper"> <a href="/uncategorized/tsel-formirovanie-zdorovogo-obraza-zhizni-u-podrostkov-formirovanie-pravilnogo-predstavleniya-o-gigienicheskih-usloviyah-normalnogo-pishchevareniya"> <img src="/img/tmb/3/228232/d15d9a925efe4bea6f3b7357a9c03e4c-800x.jpg" alt=""> <span class="desc"> <span>Цель: формирование здорового образа жизни у подростков; формирование правильного представления о гигиенических условиях нормального пищеварения.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 176</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/prezentatsiya-po-psihologiina-temu-temperament"> <img src="/img/tmb/3/271624/dd477311b815b1ddfbd6674d31e95e12-800x.jpg" alt=""> <span class="desc"> <span>ПРЕЗЕНТАЦИЯ ПО ПСИХОЛОГИИна тему: Темперамент</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 301</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/prezentatsiya-na-konkurs-mv-lomonosovgeniy-zemli-russkoy"> <img src="/img/tmb/1/12607/760bc53226e2cfb0ddd7098a8cbc3a40-800x.jpg" alt=""> <span class="desc"> <span>Презентация на конкурс М.В. Ломоносов – гений земли русской.</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 305</span> </span> </a> </div> <div class="wrapper"> <a href="/uncategorized/elektivnyy-kurs-4"> <img src="/img/tmb/1/66248/4c67adee772996ab4dc15624a7b034dc-800x.jpg" alt=""> <span class="desc"> <span>Элективный курс</span> <span class="views"><i class="fa fa-eye" aria-hidden="true"></i> 185</span> </span> </a> </div> <div class="clear"></div> </div> </div> </div> </div> </div> <div class="container bottom"> <div> <div class="call_back"> <h4><i class="fas fa-bullhorn"></i>Обратная связь</h4> <p>Если не удалось найти и скачать презентацию, Вы можете заказать его на нашем сайте. Мы постараемся найти нужный Вам материал и отправим по электронной почте. Не стесняйтесь обращаться к нам, если у вас возникли вопросы или пожелания:</p> <p>Email: <a href="#" class="js_hidden_email" data-address="thepresentation" data-domain="ya.ru">Нажмите что бы посмотреть</a> </p> </div> <div class="links"> </div> <div class="whatis"> <h4><i class="fa fa-info text-red"></i>Что такое ThePresentation.ru?</h4> <p>Это сайт презентаций, докладов, проектов, шаблонов в формате PowerPoint. Мы помогаем школьникам, студентам, учителям, преподавателям хранить и обмениваться учебными материалами с другими пользователями.</p> <hr /> <p><a href="/privacy">Для правообладателей</a></p> <a href="https://metrika.yandex.ru/stat/?id=54509641&from=informer" target="_blank" rel="nofollow"><img src="https://informer.yandex.ru/informer/54509641/3_1_FFFFFFFF_EFEFEFFF_0_pageviews" style="width:88px; height:31px; border:0;" alt="Яндекс.Метрика" title="Яндекс.Метрика: данные за сегодня (просмотры, визиты и уникальные посетители)" class="ym-advanced-informer" data-cid="54509641" data-lang="ru" /></a> <!--LiveInternet counter--> <script type="text/javascript"> document.write('<a href="//www.liveinternet.ru/click" '+ 'target="_blank"><img src="//counter.yadro.ru/hit?t16.2;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()+ '" alt="" title="LiveInternet: показано число просмотров за 24'+ ' часа, посетителей за 24 часа и за сегодня" '+ 'border="0" width="88" height="31"><\/a>') </script> <!--/LiveInternet--> </div> <div class="clear"></div> </div> </div> <script src="/templates/presentation/js/script.js?0ed36ea232886ff4063bbdd9e2c5b9c0"></script> </body> </html>