Робота з елементами форми презентация

1. Елементи управління
Елементи форм:
</div></h3></h3><!----><!----><div class="slides-content">Текст </ textarea><br><select> <option> Елемент </ option> </ select><br></div><!----><!--]--><!--[--><div class="section"><div></div></div><!--]--></div></div><div class="slides-wrapper"><div id="slide3" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-2.jpg" target="_blank" rel="noopener">Слайд 3</a><h3 class="slides-content text-center font-bold"><div><p>2. Колекція Forms<br><p>Всі форми документа доступні через колекцію forms. <br>Приклад:<br>document.forms ["form1"]. text1.value<br>Звернутися до</div></h3></h3><!----><!----><div class="slides-content">форми можна і як до будь-якого елементу документа:<br>document.form1.text1.value<br>До окремої форми можна також звернутися за індексом:<br>document.forms [0]. text1.value<br>Всі елементи форми доступні через колекцію elements:<br>document.forms ["form1"]. elements ["text1"]. Value<br>document.forms ["form1"]. elements [0]. Value<br>document.forms [0]. elements [0]. Value<br>document.form1.elements [0]. Value<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide4" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-3.jpg" target="_blank" rel="noopener">Слайд 4</a><h3 class="slides-content text-center font-bold"><div><p>3. Властивості об'єкта форми. <br><p>Об'єкт форми підтримує наступні властивості:<br>length - кількість елементів форми;<br>action</div></h3></h3><!----><!----><div class="slides-content">- URL-адреса програми обробки форми;<br>elements - посилання на колекцію elements;<br>encoding - MIME-тип переданих даних;<br>method - режим пересилання даних форми на Web-сервер;<br>enctype - метод кодування даних форми;<br>name - ім'я форми;<br>target - ім'я фрейму, в який буде завантажений документ, який є результатом обробки даних форми Web-сервером.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide5" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-4.jpg" target="_blank" rel="noopener">Слайд 5</a><h3 class="slides-content text-center font-bold"><div><p>4. Методи об'єкта форми<br><p>Об'єкт форми підтримує наступні методи:<br>submit () виконує відправку даних форми</div></h3></h3><!----><!----><div class="slides-content">серверній програмі. Аналогічно натисненню кнопки Submit;<br>reset () очищує форму, тобто всі елементи форми отримують значення за замовчуванням. Аналогічно натисненню кнопки Reset.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide6" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-5.jpg" target="_blank" rel="noopener">Слайд 6</a><h3 class="slides-content text-center font-bold"><div><p>5. Події об'єкта форми<br><p>Об'єкт форми підтримує наступні події:<br>onsubmit настає при відправці даних форми;<br>onreset</div></h3></h3><!----><!----><div class="slides-content">виникає при очищенні форми.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide7" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-6.jpg" target="_blank" rel="noopener">Слайд 7</a><h3 class="slides-content text-center font-bold"><div><p>6. Текстове поле і поле введення пароля. <br><p>Текстове поле і поле для введення</div></h3></h3><!----><!----><div class="slides-content">пароля мають однакові властивості:<br>- value - значення елемента форми;<br>- defaultValue - початкове значення, задане параметром value;<br>- disabled - заборона елемента форми: якщо задано значення true, то поле є неактивним (відображається сірим кольором);<br>- form - посилання на форму, в якій знаходиться елемент;<br>- maxLength - максимальна кількість символів, яка може бути введена в поле;<br>- name - ім'я елемента;<br>- type - тип елементу форми;<br>- readOnly - заборона редагування: якщо задано значення true, текст в полі не можна редагувати, якщо false - можна.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide8" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-7.jpg" target="_blank" rel="noopener">Слайд 8</a><h3 class="slides-content text-center font-bold"><div><p>Методи теж однакові:<br>- blur () прибирає фокус введення з поточного елемента форми;<br>- focus</div></h3></h3><!----><!----><div class="slides-content">() поміщає фокус на поточний елемент форми;<br>- select () виділяє текст в поле.<br>Обома елементами підтримуються наступні події:<br>- onblur відбувається при втраті фокуса елементом форми;<br>- onchange настає після зміни даних у полі, при перекладі фокуса введення на інший елемент або при відправці даних форми. Настає перед подією onblur;<br>- onfocus виникає при отриманні фокусу вводу елементом форми.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide9" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-8.jpg" target="_blank" rel="noopener">Слайд 9</a><h3 class="slides-content text-center font-bold"><div><p>7. Поле для введення багаторядкового тексту<br><p>Поле для введення багаторядкового тексту, визначене парним тегом</div></h3></h3><!----><!----><div class="slides-content"><textarea>, підтримує ті ж властивості, методи і події, що і просте поле введення, за винятком властивості maxLength.<br>Крім того, підтримується ще одна властивість:<br>wrap - режим перенесення слів. Може приймати наступні значення:<br>off - не переносити слова;<br>physical - слова переносяться як на екрані, так і при передачі даних серверу;<br>virtual - слова переносяться тільки на екрані, але не при передачі даних серверу.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide10" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-9.jpg" target="_blank" rel="noopener">Слайд 10</a><h3 class="slides-content text-center font-bold"><div><p>8. Список з можливими значеннями
<br><p>Властивості об'єкта списку:<br>- disabled - заборона доступу: якщо задано</div></h3></h3><!----><!----><div class="slides-content">значення true, то список являєся неактивним;<br>- form - посилання на форму, в якій знаходиться елемент;<br>- length - кількість пунктів в списку; <br>- multiple - дозвіл множинного виділення: true, якщо зі списку можна вибрати відразу декілька елементів одночасно;<br>- name - ім'я елемента;<br>- options - посилання на колекцію пунктів в списку;<br>- selectedIndex - номер обраного пункту;<br>- size - число одночасно видимих елементів списку;<br>- type - тип елементу форми;<br>- value - значення пункту, обраного в списку.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide11" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-10.jpg" target="_blank" rel="noopener">Слайд 11</a><h3 class="slides-content text-center font-bold"><div><p>Властивості пункту списку:<br>- defaultSelected - пункт списку, обраний спочатку;<br>- index - номер пункту</div></h3></h3><!----><!----><div class="slides-content">в списку;<br>- selected - ознака виділення: true, якщо пункт обраний в списку;<br>- disabled - якщо задано значення true, то пункт списку є неактивним;<br>- text - текст пункту списку;<br>- value - значення пункту, обраного в списку.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide12" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-11.jpg" target="_blank" rel="noopener">Слайд 12</a><h3 class="slides-content text-center font-bold"><div><p>Методи:<br>- blur () прибирає фокус введення з поточного елемента форми;<br>- focus () поміщає</div></h3></h3><!----><!----><div class="slides-content">фокус на поточний елемент форми.<br>Події:<br>- onblur наступає при втраті фокуса елементом форми;<br>- onchange відбувається після вибору нового пункту списку;<br>- onfocus настає при отриманні фокусу вводу елементом форми.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide13" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-12.jpg" target="_blank" rel="noopener">Слайд 13</a><h3 class="slides-content text-center font-bold"><div><p>9. Прапорець і перемикачі<br><p>Прапорці і перемикачі мають наступні властивості:<br>- value - значення поточного</div></h3></h3><!----><!----><div class="slides-content">елемента форми;<br>- checked - ознака позначки: true, якщо прапорець або перемикач знаходиться у включеному стані;<br>- defaultChecked - прапорець або перемикач за замовчуванням. Повертає true або false;<br>- disabled - ознака заборони: якщо задано значення true, то елемент являється неактивним;<br>- indeterminate - прапорець перебуває в невизначеному стані. Повертає true або false;<br>- form - посилання на форму, в якій знаходиться елемент;<br>- name - ім'я елемента;<br>- type - тип елементу форми.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide14" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-13.jpg" target="_blank" rel="noopener">Слайд 14</a><h3 class="slides-content text-center font-bold"><div><p>Методи:<br>- blur () прибирає фокус введення з поточного елемента форми;<br>- focus () поміщає</div></h3></h3><!----><!----><div class="slides-content">фокус на поточний елемент форми.<br>Події:<br>- onblur наступає при втраті фокуса елементом форми;<br>- onclick виникає при виборі елемента;<br>- onfocus відбувається при отриманні фокусу вводу елементом форми.<br>Щоб знайти вибраний елемент-перемикач в групі, необхідно перебрати всі перемикачі в циклі. <br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide15" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-14.jpg" target="_blank" rel="noopener">Слайд 15</a><h3 class="slides-content text-center font-bold"><div><p>10. Кнопки. Обробка натискання кнопки<br><p>Кнопки підтримують наступні властивості:<br>- value - текст, відображений на</div></h3></h3><!----><!----><div class="slides-content">кнопці;<br>- disabled - ознака заборони: якщо задано значення true, то кнопка являється неактивна;<br>- form - посилання на форму, в якій знаходиться елемент;<br>- name - ім'я елемента;<br>- type - тип елементу форми.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><div id="slide16" class="slides-item"><!--[--><h3 class="slides-heading"><a class="slides-headingLink" href="/_ipx/w_720/imagesDir/jpg/2669/slide-15.jpg" target="_blank" rel="noopener">Слайд 16</a><h3 class="slides-content text-center font-bold"><div><p>Методи традиційні:<br>- blur () прибирає фокус введення з поточного елемента форми;<br>- focus ()</div></h3></h3><!----><!----><div class="slides-content">поміщає фокус на поточний елемент форми.<br>Події:<br>- onblur наступає при втраті фокуса елементом форми;<br>- onclick виникає при натисканні кнопки;<br>- onfocus відбувається при отриманні фокусу вводу елементом форми.<br></div><!----><!--]--><!----></div></div><div class="slides-wrapper"><!----></div><!--]--></div><div class="section"><div></div></div><form id="download" action="/api/" method="post" class="download"><!----><div class="download-description"> Имя файла: Робота-з-елементами-форми.pptx <br> Количество просмотров: 73 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/astronomiya/gravity-is-the-force-that-attracts" class="navigation-link">Gravity is the force that attracts two bodies to each other</a></div><div class="navigation-item"><div>Следующая -</div><a href="/informatika/sovremennye-informatsionnye-tehnologii-v-obrazovanii" class="navigation-link">Современные информационные технологии в образовании</a></div></div></div></div><div class="item-layoutRelated"><div class="section"><div></div></div></div></div><div class="item-layout"><div class="related"><h2 class="related-header">Похожие презентации</h2><div class="related-wrapper"><!--[--><div class="related-item"><a href="/informatika/razrabotka-mobilnyh-prilozheniy-13" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/592675/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/592675/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/592675/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/592675/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/592675/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка мобильных приложений</a></div><div class="related-item"><a href="/informatika/parallelnoe-i-raspredelennoe-programmirovanie-tehnologiya-programmirovaniya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/589438/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/589438/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/589438/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/589438/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/589438/slide-0.jpg 1440w" class="slides-image related-itemImage"> Параллельное и распределенное программирование. Технология программирования гетерогенных систем</a></div><div class="related-item"><a href="/informatika/vnedrenie-protsessnogo-podhoda-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255959/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/255959/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/255959/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/255959/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/255959/slide-0.jpg 1440w" class="slides-image related-itemImage"> Внедрение процессного подхода</a></div><div class="related-item"><a href="/informatika/informatsiya-v-zhivoy-i-nezhivoy-prirode-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/332351/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/332351/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/332351/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/332351/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/332351/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информация в живой и неживой природе. 8 класс</a></div><div class="related-item"><a href="/informatika/informatsionnoe-modelirovanie-4" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/195002/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/195002/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/195002/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/195002/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/195002/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационное моделирование</a></div><div class="related-item"><a href="/informatika/vizualnoe-proektirovanie-bd-sozdanie-tablits" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/122878/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/122878/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/122878/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/122878/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/122878/slide-0.jpg 1440w" class="slides-image related-itemImage"> Визуальное проектирование БД. Создание таблиц</a></div><div class="related-item"><a href="/informatika/standarty-sozdaniya-informatsionnyh-sistem" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101415/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/101415/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/101415/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/101415/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/101415/slide-0.jpg 1440w" class="slides-image related-itemImage"> Стандарты создания информационных систем</a></div><div class="related-item"><a href="/informatika/lektsiya-3-vidy-kompyuternoy-grafiki" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198458/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/198458/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/198458/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/198458/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/198458/slide-0.jpg 1440w" class="slides-image related-itemImage"> Лекция 3. Виды компьютерной графики</a></div><div class="related-item"><a href="/informatika/klassifikatsiya-informatsionnyh-tehnologiy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/123872/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/123872/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/123872/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/123872/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/123872/slide-0.jpg 1440w" class="slides-image related-itemImage"> Классификация информационных технологий</a></div><div class="related-item"><a href="/informatika/informatsionnaya-kultura-2" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/156713/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/156713/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/156713/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/156713/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/156713/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационная культура</a></div><div class="related-item"><a href="/informatika/modelirovanie-protsessov-s-tselochislennymi-znacheniyami" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/231271/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/231271/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/231271/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/231271/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/231271/slide-0.jpg 1440w" class="slides-image related-itemImage"> Моделирование процессов с целочисленными значениями</a></div><div class="related-item"><a href="/informatika/flosofya-open-source" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/304681/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/304681/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/304681/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/304681/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/304681/slide-0.jpg 1440w" class="slides-image related-itemImage"> Філософія Open Source</a></div><div class="related-item"><a href="/informatika/sovremennye-sredstva-i-tehnologii-obucheniya-informatike" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581400/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/581400/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/581400/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/581400/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/581400/slide-0.jpg 1440w" class="slides-image related-itemImage"> Современные средства и технологии обучения информатике в школе</a></div><div class="related-item"><a href="/informatika/vidy-istochnikov-informatsii-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/348851/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/348851/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/348851/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/348851/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/348851/slide-0.jpg 1440w" class="slides-image related-itemImage"> Виды источников информации</a></div><div class="related-item"><a href="/informatika/rabota-s-grafami-predstavlenie-znaniy" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/273345/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/273345/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/273345/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/273345/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/273345/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с графами. Представление знаний</a></div><div class="related-item"><a href="/informatika/dinamicheskie-struktury-dannyh-yazyk-paskal" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/17278/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/17278/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/17278/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/17278/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/17278/slide-0.jpg 1440w" class="slides-image related-itemImage"> Динамические структуры данных (язык Паскаль)</a></div><div class="related-item"><a href="/informatika/primenenie-bi-sistem-dlya-analiza" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/585064/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/585064/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/585064/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/585064/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/585064/slide-0.jpg 1440w" class="slides-image related-itemImage"> Применение BI-систем для анализа</a></div><div class="related-item"><a href="/informatika/informatsionnye-resursy-sotsialnaya-informatika" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/302839/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/302839/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/302839/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/302839/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/302839/slide-0.jpg 1440w" class="slides-image related-itemImage"> Информационные ресурсы. Социальная информатика</a></div><div class="related-item"><a href="/informatika/kommunikatsii-v-sisteme-gosudarstvennoy-vlasti-i" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/126930/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/126930/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/126930/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/126930/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/126930/slide-0.jpg 1440w" class="slides-image related-itemImage"> Коммуникации в системе государственной власти и общественных организаций. Лекция 1</a></div><div class="related-item"><a href="/informatika/predstavlenie-ob-organizatsii-baz-dannyh-i-1" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/22314/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/22314/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/22314/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/22314/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/22314/slide-0.jpg 1440w" class="slides-image related-itemImage"> Представление об организации баз данных и системах управления ими. Структура данных и система запросов</a></div><div class="related-item"><a href="/informatika/model-osi-seti-dostupa-lektsiya-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/578800/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/578800/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/578800/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/578800/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/578800/slide-0.jpg 1440w" class="slides-image related-itemImage"> Модель OSI. Сети доступа. Лекция 3</a></div><div class="related-item"><a href="/informatika/rabota-s-naladonnikom-pri-dostavke-bankovskih" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/411038/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/411038/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/411038/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/411038/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/411038/slide-0.jpg 1440w" class="slides-image related-itemImage"> Работа с наладонником при доставке банковских карт</a></div><div class="related-item"><a href="/informatika/graficheskiy-redaktor-paint-11" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373251/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/373251/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/373251/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/373251/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/373251/slide-0.jpg 1440w" class="slides-image related-itemImage"> Графический редактор Paint</a></div><div class="related-item"><a href="/informatika/processes-and-threads-chapter-6" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/304022/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/304022/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/304022/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/304022/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/304022/slide-0.jpg 1440w" class="slides-image related-itemImage"> Processes and threads. (Chapter 6)</a></div><div class="related-item"><a href="/informatika/osnovnye-ponyatiya-teorii-baz-dannyh-3" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/594745/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/594745/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/594745/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/594745/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/594745/slide-0.jpg 1440w" class="slides-image related-itemImage"> Основные понятия теории баз данных</a></div><div class="related-item"><a href="/informatika/razrabotka-i-ustanovka-mobilnyh-razemov-lektsiya" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/577098/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/577098/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/577098/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/577098/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/577098/slide-0.jpg 1440w" class="slides-image related-itemImage"> Разработка и установка мобильных разъемов. Лекция 36</a></div><div class="related-item"><a href="/informatika/vidy-massivov" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/604970/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/604970/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/604970/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/604970/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/604970/slide-0.jpg 1440w" class="slides-image related-itemImage"> Виды массивов</a></div><div class="related-item"><a href="/informatika/kiberprestupnost-6" class="related-itemLink"><img src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/587319/slide-0.jpg" onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/587319/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/587319/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/587319/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/587319/slide-0.jpg 1440w" class="slides-image related-itemImage"> Киберпреступность</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><!----><div class="footer-contacts"><svg class="footer-contactsIcon" viewBox="0 0 27 26" xmlns="http://www.w3.org/2000/svg"><use xlink:href="/images/icons.svg#contacts"></use></svg> Обратная связь</div><!----><div class="footer-contactsEmail"> Email: <span class="footer-contactsShow">Нажмите что бы посмотреть</span></div></div></footer></div><!--]--></div><script>window.__NUXT__=(function(a,b,c,d,e,f,g,h,i,j,k,l,m,n,o,p,q,r,s,t,u,v,w,x,y,z,A,B,C,D,E,F,G,H,I,J,K,L,M,N,O,P,Q,R){return {data:{meta:{result:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F}},item:{result:{id:2669,name:k,category:G,count:H,jpg:"jpg\u002F2669",hits:73,download:b,h1:"Робота з елементами форми презентация",meta:{h1:k,title:k,description:"Робота з елементами форми презентация на тему, доклад, Информатика",keywords:"Робота з елементами форми, презентация, доклад, проект, скачать, на тему, PowerPoint, урок, класс, школа, Информатика",download_link:a},text:"Вы можете изучить и скачать доклад-презентацию на тему Презентация на тему Робота з елементами форми из раздела Информатика. Презентация на заданную тему содержит 17 слайдов. Для просмотра воспользуйтесь проигрывателем, если материал оказался полезным для Вас - поделитесь им с друзьями с помощью социальных кнопок и добавьте наш сайт презентаций в закладки!",seo_text:"\u003Cp\u003E1. Елементи управління\u003Cbr\u003E\u003Cp\u003EЕлементи форм:\u003Cbr\u003E\u003Cinput type=\"text\"\u003E\u003Cbr\u003E\u003Cinput type=\"password\"\u003E\u003Cbr\u003E\u003Cinput type=\"file\"\u003E\u003Cbr\u003E\u003Cinput type=\"checkbox\"\u003E\u003Cbr\u003E\u003Cinput type=\"radio\"\u003E\u003Cbr\u003E\u003Cinput type=\"reset\"\u003E\u003Cbr\u003E\u003Cinput type=\"submit\"\u003E\u003Cbr\u003E\u003Cinput type=\"button\"\u003E\u003Cbr\u003E\u003Cinput ",file:"Робота-з-елементами-форми.pptx",texts:["\u003Cp\u003EРобота з елементами форми\u003Cbr\u003E\u003Cp\u003E1. Елементи управління. \u003Cbr\u003E2. Колекція Forms. \u003Cbr\u003E3. Властивості об'єкта форми. \u003Cbr\u003E4. Методи об'єкта форми. \u003Cbr\u003E5. Події об'єкта форми. \u003Cbr\u003E6. Текстове поле і поле введення пароля. \u003Cbr\u003E7. Поле для введення багаторядкового тексту. \u003Cbr\u003E8. Список з можливими значеннями. \u003Cbr\u003E9. Прапорець і перемикачі. \u003Cbr\u003E10. Кнопки. Обробка натискання кнопки. \u003Cbr\u003E","\u003Cp\u003E1. Елементи управління\u003Cbr\u003E\u003Cp\u003EЕлементи форм:\u003Cbr\u003E\u003Cinput type=\"text\"\u003E\u003Cbr\u003E\u003Cinput type=\"password\"\u003E\u003Cbr\u003E\u003Cinput type=\"file\"\u003E\u003Cbr\u003E\u003Cinput type=\"checkbox\"\u003E\u003Cbr\u003E\u003Cinput type=\"radio\"\u003E\u003Cbr\u003E\u003Cinput type=\"reset\"\u003E\u003Cbr\u003E\u003Cinput type=\"submit\"\u003E\u003Cbr\u003E\u003Cinput type=\"button\"\u003E\u003Cbr\u003E\u003Cinput type=\"hidden\"\u003E\u003Cbr\u003E\u003Ctextarea\u003E Текст \u003C\u002F textarea\u003E\u003Cbr\u003E\u003Cselect\u003E \u003Coption\u003E Елемент \u003C\u002F option\u003E \u003C\u002F select\u003E\u003Cbr\u003E","\u003Cp\u003E2. Колекція Forms\u003Cbr\u003E\u003Cp\u003EВсі форми документа доступні через колекцію forms. \u003Cbr\u003EПриклад:\u003Cbr\u003Edocument.forms [\"form1\"]. text1.value\u003Cbr\u003EЗвернутися до форми можна і як до будь-якого елементу документа:\u003Cbr\u003Edocument.form1.text1.value\u003Cbr\u003EДо окремої форми можна також звернутися за індексом:\u003Cbr\u003Edocument.forms [0]. text1.value\u003Cbr\u003EВсі елементи форми доступні через колекцію elements:\u003Cbr\u003Edocument.forms [\"form1\"]. elements [\"text1\"]. Value\u003Cbr\u003Edocument.forms [\"form1\"]. elements [0]. Value\u003Cbr\u003Edocument.forms [0]. elements [0]. Value\u003Cbr\u003Edocument.form1.elements [0]. Value\u003Cbr\u003E\u003Cbr\u003E","\u003Cp\u003E3. Властивості об'єкта форми. \u003Cbr\u003E\u003Cp\u003EОб'єкт форми підтримує наступні властивості:\u003Cbr\u003Elength - кількість елементів форми;\u003Cbr\u003Eaction - URL-адреса програми обробки форми;\u003Cbr\u003Eelements - посилання на колекцію elements;\u003Cbr\u003Eencoding - MIME-тип переданих даних;\u003Cbr\u003Emethod - режим пересилання даних форми на Web-сервер;\u003Cbr\u003Eenctype - метод кодування даних форми;\u003Cbr\u003Ename - ім'я форми;\u003Cbr\u003Etarget - ім'я фрейму, в який буде завантажений документ, який є результатом обробки даних форми Web-сервером.\u003Cbr\u003E","\u003Cp\u003E4. Методи об'єкта форми\u003Cbr\u003E\u003Cp\u003EОб'єкт форми підтримує наступні методи:\u003Cbr\u003Esubmit () виконує відправку даних форми серверній програмі. Аналогічно натисненню кнопки Submit;\u003Cbr\u003Ereset () очищує форму, тобто всі елементи форми отримують значення за замовчуванням. Аналогічно натисненню кнопки Reset.\u003Cbr\u003E","\u003Cp\u003E5. Події об'єкта форми\u003Cbr\u003E\u003Cp\u003EОб'єкт форми підтримує наступні події:\u003Cbr\u003Eonsubmit настає при відправці даних форми;\u003Cbr\u003Eonreset виникає при очищенні форми.\u003Cbr\u003E","\u003Cp\u003E6. Текстове поле і поле введення пароля. \u003Cbr\u003E\u003Cp\u003EТекстове поле і поле для введення пароля мають однакові властивості:\u003Cbr\u003E- value - значення елемента форми;\u003Cbr\u003E- defaultValue - початкове значення, задане параметром value;\u003Cbr\u003E- disabled - заборона елемента форми: якщо задано значення true, то поле є неактивним (відображається сірим кольором);\u003Cbr\u003E- form - посилання на форму, в якій знаходиться елемент;\u003Cbr\u003E- maxLength - максимальна кількість символів, яка може бути введена в поле;\u003Cbr\u003E- name - ім'я елемента;\u003Cbr\u003E- type - тип елементу форми;\u003Cbr\u003E- readOnly - заборона редагування: якщо задано значення true, текст в полі не можна редагувати, якщо false - можна.\u003Cbr\u003E","\u003Cp\u003EМетоди теж однакові:\u003Cbr\u003E- blur () прибирає фокус введення з поточного елемента форми;\u003Cbr\u003E- focus () поміщає фокус на поточний елемент форми;\u003Cbr\u003E- select () виділяє текст в поле.\u003Cbr\u003EОбома елементами підтримуються наступні події:\u003Cbr\u003E- onblur відбувається при втраті фокуса елементом форми;\u003Cbr\u003E- onchange настає після зміни даних у полі, при перекладі фокуса введення на інший елемент або при відправці даних форми. Настає перед подією onblur;\u003Cbr\u003E- onfocus виникає при отриманні фокусу вводу елементом форми.\u003Cbr\u003E","\u003Cp\u003E7. Поле для введення багаторядкового тексту\u003Cbr\u003E\u003Cp\u003EПоле для введення багаторядкового тексту, визначене парним тегом \u003Ctextarea\u003E, підтримує ті ж властивості, методи і події, що і просте поле введення, за винятком властивості maxLength.\u003Cbr\u003EКрім того, підтримується ще одна властивість:\u003Cbr\u003Ewrap - режим перенесення слів. Може приймати наступні значення:\u003Cbr\u003Eoff - не переносити слова;\u003Cbr\u003Ephysical - слова переносяться як на екрані, так і при передачі даних серверу;\u003Cbr\u003Evirtual - слова переносяться тільки на екрані, але не при передачі даних серверу.\u003Cbr\u003E","\u003Cp\u003E8. Список з можливими значеннями\r\n\u003Cbr\u003E\u003Cp\u003EВластивості об'єкта списку:\u003Cbr\u003E- disabled - заборона доступу: якщо задано значення true, то список являєся неактивним;\u003Cbr\u003E- form - посилання на форму, в якій знаходиться елемент;\u003Cbr\u003E- length - кількість пунктів в списку; \u003Cbr\u003E- multiple - дозвіл множинного виділення: true, якщо зі списку можна вибрати відразу декілька елементів одночасно;\u003Cbr\u003E- name - ім'я елемента;\u003Cbr\u003E- options - посилання на колекцію пунктів в списку;\u003Cbr\u003E- selectedIndex - номер обраного пункту;\u003Cbr\u003E- size - число одночасно видимих елементів списку;\u003Cbr\u003E- type - тип елементу форми;\u003Cbr\u003E- value - значення пункту, обраного в списку.\u003Cbr\u003E","\u003Cp\u003EВластивості пункту списку:\u003Cbr\u003E- defaultSelected - пункт списку, обраний спочатку;\u003Cbr\u003E- index - номер пункту в списку;\u003Cbr\u003E- selected - ознака виділення: true, якщо пункт обраний в списку;\u003Cbr\u003E- disabled - якщо задано значення true, то пункт списку є неактивним;\u003Cbr\u003E- text - текст пункту списку;\u003Cbr\u003E- value - значення пункту, обраного в списку.\u003Cbr\u003E","\u003Cp\u003EМетоди:\u003Cbr\u003E- blur () прибирає фокус введення з поточного елемента форми;\u003Cbr\u003E- focus () поміщає фокус на поточний елемент форми.\u003Cbr\u003EПодії:\u003Cbr\u003E- onblur наступає при втраті фокуса елементом форми;\u003Cbr\u003E- onchange відбувається після вибору нового пункту списку;\u003Cbr\u003E- onfocus настає при отриманні фокусу вводу елементом форми.\u003Cbr\u003E","\u003Cp\u003E9. Прапорець і перемикачі\u003Cbr\u003E\u003Cp\u003EПрапорці і перемикачі мають наступні властивості:\u003Cbr\u003E- value - значення поточного елемента форми;\u003Cbr\u003E- checked - ознака позначки: true, якщо прапорець або перемикач знаходиться у включеному стані;\u003Cbr\u003E- defaultChecked - прапорець або перемикач за замовчуванням. Повертає true або false;\u003Cbr\u003E- disabled - ознака заборони: якщо задано значення true, то елемент являється неактивним;\u003Cbr\u003E- indeterminate - прапорець перебуває в невизначеному стані. Повертає true або false;\u003Cbr\u003E- form - посилання на форму, в якій знаходиться елемент;\u003Cbr\u003E- name - ім'я елемента;\u003Cbr\u003E- type - тип елементу форми.\u003Cbr\u003E","\u003Cp\u003EМетоди:\u003Cbr\u003E- blur () прибирає фокус введення з поточного елемента форми;\u003Cbr\u003E- focus () поміщає фокус на поточний елемент форми.\u003Cbr\u003EПодії:\u003Cbr\u003E- onblur наступає при втраті фокуса елементом форми;\u003Cbr\u003E- onclick виникає при виборі елемента;\u003Cbr\u003E- onfocus відбувається при отриманні фокусу вводу елементом форми.\u003Cbr\u003EЩоб знайти вибраний елемент-перемикач в групі, необхідно перебрати всі перемикачі в циклі. \u003Cbr\u003E","\u003Cp\u003E10. Кнопки. Обробка натискання кнопки\u003Cbr\u003E\u003Cp\u003EКнопки підтримують наступні властивості:\u003Cbr\u003E- value - текст, відображений на кнопці;\u003Cbr\u003E- disabled - ознака заборони: якщо задано значення true, то кнопка являється неактивна;\u003Cbr\u003E- form - посилання на форму, в якій знаходиться елемент;\u003Cbr\u003E- name - ім'я елемента;\u003Cbr\u003E- type - тип елементу форми.\u003Cbr\u003E","\u003Cp\u003EМетоди традиційні:\u003Cbr\u003E- blur () прибирає фокус введення з поточного елемента форми;\u003Cbr\u003E- focus () поміщає фокус на поточний елемент форми.\u003Cbr\u003EПодії:\u003Cbr\u003E- onblur наступає при втраті фокуса елементом форми;\u003Cbr\u003E- onclick виникає при натисканні кнопки;\u003Cbr\u003E- onfocus відбувається при отриманні фокусу вводу елементом форми.\u003Cbr\u003E","\u003Cp\u003EДякую за увагу!\u003Cbr\u003E"],href:"\u002Finformatika\u002Frobota-z-elementami-formi",href_category:"\u002Finformatika",date:1624045335,related:[{id:592675,name:"Разработка мобильных приложений",href:"\u002Finformatika\u002Frazrabotka-mobilnyh-prilozheniy-13",jpg:"jpg\u002F592675"},{id:589438,name:"Параллельное и распределенное программирование. Технология программирования гетерогенных систем",href:"\u002Finformatika\u002Fparallelnoe-i-raspredelennoe-programmirovanie-tehnologiya-programmirovaniya",jpg:"jpg\u002F589438"},{id:255959,name:"Внедрение процессного подхода",href:"\u002Finformatika\u002Fvnedrenie-protsessnogo-podhoda-1",jpg:"jpg\u002F255959"},{id:332351,name:"Информация в живой и неживой природе. 8 класс",href:"\u002Finformatika\u002Finformatsiya-v-zhivoy-i-nezhivoy-prirode-1",jpg:"jpg\u002F332351"},{id:195002,name:"Информационное моделирование",href:"\u002Finformatika\u002Finformatsionnoe-modelirovanie-4",jpg:"jpg\u002F195002"},{id:122878,name:"Визуальное проектирование БД. Создание таблиц",href:"\u002Finformatika\u002Fvizualnoe-proektirovanie-bd-sozdanie-tablits",jpg:"jpg\u002F122878"},{id:101415,name:"Стандарты создания информационных систем",href:"\u002Finformatika\u002Fstandarty-sozdaniya-informatsionnyh-sistem",jpg:"jpg\u002F101415"},{id:198458,name:"Лекция 3. Виды компьютерной графики",href:"\u002Finformatika\u002Flektsiya-3-vidy-kompyuternoy-grafiki",jpg:"jpg\u002F198458"},{id:123872,name:"Классификация информационных технологий",href:"\u002Finformatika\u002Fklassifikatsiya-informatsionnyh-tehnologiy",jpg:"jpg\u002F123872"},{id:156713,name:"Информационная культура",href:"\u002Finformatika\u002Finformatsionnaya-kultura-2",jpg:"jpg\u002F156713"},{id:231271,name:"Моделирование процессов с целочисленными значениями",href:"\u002Finformatika\u002Fmodelirovanie-protsessov-s-tselochislennymi-znacheniyami",jpg:"jpg\u002F231271"},{id:304681,name:"Філософія Open Source",href:"\u002Finformatika\u002Fflosofya-open-source",jpg:"jpg\u002F304681"},{id:581400,name:"Современные средства и технологии обучения информатике в школе",href:"\u002Finformatika\u002Fsovremennye-sredstva-i-tehnologii-obucheniya-informatike",jpg:"jpg\u002F581400"},{id:348851,name:"Виды источников информации",href:"\u002Finformatika\u002Fvidy-istochnikov-informatsii-1",jpg:"jpg\u002F348851"},{id:273345,name:"Работа с графами. Представление знаний",href:"\u002Finformatika\u002Frabota-s-grafami-predstavlenie-znaniy",jpg:"jpg\u002F273345"},{id:17278,name:"Динамические структуры данных (язык Паскаль)",href:"\u002Finformatika\u002Fdinamicheskie-struktury-dannyh-yazyk-paskal",jpg:"jpg\u002F17278"},{id:585064,name:"Применение BI-систем для анализа",href:"\u002Finformatika\u002Fprimenenie-bi-sistem-dlya-analiza",jpg:"jpg\u002F585064"},{id:302839,name:"Информационные ресурсы. Социальная информатика",href:"\u002Finformatika\u002Finformatsionnye-resursy-sotsialnaya-informatika",jpg:"jpg\u002F302839"},{id:126930,name:"Коммуникации в системе государственной власти и общественных организаций. Лекция 1",href:"\u002Finformatika\u002Fkommunikatsii-v-sisteme-gosudarstvennoy-vlasti-i",jpg:"jpg\u002F126930"},{id:22314,name:"Представление об организации баз данных и системах управления ими. Структура данных и система запросов",href:"\u002Finformatika\u002Fpredstavlenie-ob-organizatsii-baz-dannyh-i-1",jpg:"jpg\u002F22314"},{id:578800,name:"Модель OSI. Сети доступа. Лекция 3",href:"\u002Finformatika\u002Fmodel-osi-seti-dostupa-lektsiya-3",jpg:"jpg\u002F578800"},{id:411038,name:"Работа с наладонником при доставке банковских карт",href:"\u002Finformatika\u002Frabota-s-naladonnikom-pri-dostavke-bankovskih",jpg:"jpg\u002F411038"},{id:373251,name:"Графический редактор Paint",href:"\u002Finformatika\u002Fgraficheskiy-redaktor-paint-11",jpg:"jpg\u002F373251"},{id:304022,name:"Processes and threads. (Chapter 6)",href:"\u002Finformatika\u002Fprocesses-and-threads-chapter-6",jpg:"jpg\u002F304022"},{id:594745,name:"Основные понятия теории баз данных",href:"\u002Finformatika\u002Fosnovnye-ponyatiya-teorii-baz-dannyh-3",jpg:"jpg\u002F594745"},{id:577098,name:"Разработка и установка мобильных разъемов. Лекция 36",href:"\u002Finformatika\u002Frazrabotka-i-ustanovka-mobilnyh-razemov-lektsiya",jpg:"jpg\u002F577098"},{id:604970,name:"Виды массивов",href:"\u002Finformatika\u002Fvidy-massivov",jpg:"jpg\u002F604970"},{id:587319,name:"Киберпреступность",href:"\u002Finformatika\u002Fkiberprestupnost-6",jpg:"jpg\u002F587319"}],navigation:{next:"\u002Finformatika\u002Fsovremennye-informatsionnye-tehnologii-v-obrazovanii",next_name:"Современные информационные технологии в образовании",prev:"\u002Fastronomiya\u002Fgravity-is-the-force-that-attracts",prev_name:"Gravity is the force that attracts two bodies to each other"}}},categories:{result:[{id:I,ordering:b,name:"Без категории",pseudoname:"uncategorized"},{id:144,ordering:b,name:"Бизнес",pseudoname:"biznes"},{id:146,ordering:b,name:"Образование",pseudoname:"obrazovanie"},{id:149,ordering:b,name:"Финансы",pseudoname:"finansy"},{id:150,ordering:b,name:"Государство",pseudoname:"gosudarstvo"},{id:152,ordering:b,name:"Спорт",pseudoname:"sport"},{id:154,ordering:b,name:"Армия",pseudoname:"armiya"},{id:156,ordering:b,name:"Культурология",pseudoname:"kulturologiya"},{id:157,ordering:b,name:"Еда и кулинария",pseudoname:"eda-i-kulinariya"},{id:158,ordering:b,name:"Лингвистика",pseudoname:"lingvistika"},{id:163,ordering:b,name:"Черчение",pseudoname:"cherchenie"},{id:164,ordering:b,name:"Физкультура",pseudoname:"fizkultura"},{id:165,ordering:b,name:"ИЗО",pseudoname:"izo"},{id:166,ordering:b,name:"Психология",pseudoname:"psihologiya"},{id:116,ordering:I,name:"Английский язык",pseudoname:"angliyskiy-yazyk"},{id:108,ordering:2,name:"Астрономия",pseudoname:"astronomiya"},{id:104,ordering:3,name:"Алгебра",pseudoname:"algebra"},{id:106,ordering:4,name:"Биология",pseudoname:"biologiya"},{id:142,ordering:5,name:"География",pseudoname:"geografiya"},{id:141,ordering:6,name:"Геометрия",pseudoname:"geometria"},{id:123,ordering:7,name:"Детские презентации",pseudoname:"detskie-prezentatsii"},{id:107,ordering:8,name:G,pseudoname:"informatika"},{id:109,ordering:9,name:"История",pseudoname:"istoriya"},{id:139,ordering:10,name:"Литература",pseudoname:"literatura"},{id:119,ordering:11,name:"Маркетинг",pseudoname:"marketing"},{id:114,ordering:12,name:"Математика",pseudoname:"matematika"},{id:138,ordering:h,name:"Медицина",pseudoname:"medetsina"},{id:118,ordering:14,name:"Менеджмент",pseudoname:"menedzhment"},{id:137,ordering:15,name:"Музыка",pseudoname:"muzyka"},{id:136,ordering:16,name:"МХК",pseudoname:"mhk"},{id:130,ordering:H,name:"Немецкий язык",pseudoname:"nemetskiy-yazyk"},{id:105,ordering:18,name:"ОБЖ",pseudoname:"obzh"},{id:133,ordering:19,name:"Обществознание ",pseudoname:"obshchestvoznanie"},{id:132,ordering:20,name:"Окружающий мир ",pseudoname:"okruzhayushchiy-mir"},{id:131,ordering:21,name:"Педагогика ",pseudoname:"pedagogika"},{id:129,ordering:22,name:"Русский язык",pseudoname:"russkiy-yazyk"},{id:128,ordering:24,name:"Технология",pseudoname:"tehnologiya"},{id:127,ordering:25,name:"Физика",pseudoname:"fizika"},{id:126,ordering:26,name:"Философия",pseudoname:"filosofiya"},{id:125,ordering:27,name:"Химия",pseudoname:"himiya"},{id:124,ordering:29,name:"Экология",pseudoname:"ekologiya"},{id:121,ordering:30,name:"Экономика",pseudoname:"ekonomika"},{id:120,ordering:31,name:"Юриспруденция",pseudoname:"yurisprudentsiya"}]}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:J,SITE_HOST:"mypreza.com",SITE_LANG:K,API_BASE_URL:"https:\u002F\u002Fmypreza.com\u002Fapi\u002F",pwaManifest:{name:J,short_name:a,description:a,lang:K,start_url:"\u002F?standalone=true",display:"standalone",background_color:j,theme_color:"#000000",icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.f2a6e93d.png",type:d,sizes:L,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.f2a6e93d.png",type:d,sizes:L,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.f2a6e93d.png",type:d,sizes:M,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.f2a6e93d.png",type:d,sizes:M,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.f2a6e93d.png",type:d,sizes:N,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.f2a6e93d.png",type:d,sizes:N,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.f2a6e93d.png",type:d,sizes:O,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.f2a6e93d.png",type:d,sizes:O,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.f2a6e93d.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.f2a6e93d.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.f2a6e93d.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.f2a6e93d.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.f2a6e93d.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.f2a6e93d.png",type:d,sizes:R,purpose:g}]},yandexMetrika:{id:"85004146",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:b,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:a}},pinia:{app:{meta:{h1:l,main_text:a,main_title:m,main_description:n,main_keywords:o,main_image:a},app:{logo_image:p,logo_image_width:q,logo_image_height:r,logo_text:a,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:c,banner_1:a,banner_2:a,banner_3:a,banner_4:a,banner_5:a,banner_6:a,banner_7:a,banner_8:a,banner_9:a,banner_10:a,email:w,footer_before:a,footer:a,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:x,item_images:y,item_images_tag:z,item_words_h3:c,item_words_tag:A,item_words_1:h,routing:B,item_slide_skipping:C,item_download_timeout:D,item_slider_width:E,item_show_pdf:e,item_show_contents:e,item_show_filename:e},colors:{header_text:j,header_bg:i,accent:i}},social:F,token:a}}}}("",0,false,"image\u002Fpng",true,"any","maskable",13,"#d53032","#ffffff","Робота з елементами форми","Учебные презентации","Презентации в PowerPoint на разные темы","Презентации, проекты, доклады в PowerPoint на разные темы для учебы","Презентация, на тему, урок, класс, PowerPoint, скачати презентацію, фон, шаблон, доклад, проект.","images\u002Fdata\u002Flogo.png",185,40,720,480,"6LeioWIpAAAAAGqMN4KqMVIkekcMW7fBKHjXCd-a","2503267","[e-mail]","h3a","text","none","h3","category","both",80,800,"\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fes5-shims\u002F0.0.2\u002Fes5-shims.min.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cscript src=\"\u002F\u002Fyastatic.net\u002Fshare2\u002Fshare.js\"\u003E\u003C\u002Fscript\u003E\r\n\u003Cdiv class=\"ya-share2\" data-services=\"collections,gplus,vkontakte,facebook,odnoklassniki,gplus,twitter,moimir\" data-counter=\"\"\u003E\u003C\u002Fdiv\u003E","Информатика",17,1,"Mypreza","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.0d6add34.js" crossorigin></script></body>
</html>