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

1. Елементи управління
Елементи форм: type="hidden">
Текст </ 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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="2. Колекція Forms Всі форми документа доступні через колекцію forms. Приклад: document.forms" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-2.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-2.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-2.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-2.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-2.jpg" class="slides-image"><!----><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/364694/slide-3.jpg" target="_blank" rel="noopener">Слайд 4</a><h3 class="slides-content text-center font-bold"><div><p>3. Властивості об'єкта форми. <br><p>Об'єкт форми підтримує наступні властивості:<br>length - кількість елементів</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="3. Властивості об'єкта форми. Об'єкт форми підтримує наступні властивості: length - кількість" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-3.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-3.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-3.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-3.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-3.jpg" class="slides-image"><!----><div class="slides-content">форми;<br>action - 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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="4. Методи об'єкта форми Об'єкт форми підтримує наступні методи: submit () виконує" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-4.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-4.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-4.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-4.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-4.jpg" class="slides-image"><!----><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/364694/slide-5.jpg" target="_blank" rel="noopener">Слайд 6</a><h3 class="slides-content text-center font-bold"><div><p>5. Події об'єкта форми<br><p>Об'єкт форми підтримує наступні події:<br>onsubmit настає при відправці даних</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="5. Події об'єкта форми Об'єкт форми підтримує наступні події: onsubmit настає при" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-5.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-5.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-5.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-5.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-5.jpg" class="slides-image"><!----><div class="slides-content">форми;<br>onreset виникає при очищенні форми.<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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="6. Текстове поле і поле введення пароля. Текстове поле і поле для" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-6.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-6.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-6.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-6.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-6.jpg" class="slides-image"><!----><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/364694/slide-7.jpg" target="_blank" rel="noopener">Слайд 8</a><h3 class="slides-content text-center font-bold"><div><p>Методи теж однакові:<br>- blur () прибирає фокус введення з поточного елемента форми;<br>-</div></h3></h3><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Методи теж однакові: - blur () прибирає фокус введення з поточного елемента" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-7.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-7.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-7.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-7.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-7.jpg" class="slides-image"><!----><div class="slides-content">focus () поміщає фокус на поточний елемент форми;<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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="7. Поле для введення багаторядкового тексту Поле для введення багаторядкового тексту, визначене" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-8.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-8.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-8.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-8.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-8.jpg" class="slides-image"><!----><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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="8. Список з можливими значеннями Властивості об'єкта списку: - disabled - заборона" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-9.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-9.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-9.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-9.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-9.jpg" class="slides-image"><!----><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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Властивості пункту списку: - defaultSelected - пункт списку, обраний спочатку; - index" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-10.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-10.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-10.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-10.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-10.jpg" class="slides-image"><!----><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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Методи: - blur () прибирає фокус введення з поточного елемента форми; -" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-11.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-11.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-11.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-11.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-11.jpg" class="slides-image"><!----><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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="9. Прапорець і перемикачі Прапорці і перемикачі мають наступні властивості: - value" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-12.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-12.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-12.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-12.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-12.jpg" class="slides-image"><!----><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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Методи: - blur () прибирає фокус введення з поточного елемента форми; -" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-13.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-13.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-13.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-13.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-13.jpg" class="slides-image"><!----><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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="10. Кнопки. Обробка натискання кнопки Кнопки підтримують наступні властивості: - value -" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-14.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-14.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-14.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-14.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-14.jpg" class="slides-image"><!----><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/364694/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><img onerror="this.setAttribute('data-error', 1)" width="720" height="540" alt="Методи традиційні: - blur () прибирає фокус введення з поточного елемента форми;" loading="eager" data-nuxt-img sizes="(max-width: 1024px) 480px, 720px" srcset="/_ipx/f_webp&q_80&fit_contain&s_480x360/imagesDir/jpg/364694/slide-15.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/364694/slide-15.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/364694/slide-15.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-15.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/364694/slide-15.jpg" class="slides-image"><!----><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> Количество просмотров: 148 <br> Количество скачиваний: 0</div><button class="download-btn" type="submit">Скачать</button><!----></form><div class="navigation"><div class="navigation-item"><div>- Предыдущая</div><a href="/prezentacii-na-razlichnye-temy/robota-s-bazami-danix" class="navigation-link">РОБОТА с БАЗАМИ ДАНИХ</a></div><div class="navigation-item"><div>Следующая -</div><a href="/prezentacii-na-razlichnye-temy/dizajn-vebsajtiv" 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="/prezentacii-na-razlichnye-temy/slovari-1" class="related-itemLink"><img 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/409411/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/409411/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/409411/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/409411/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/409411/slide-0.jpg" class="slides-image related-itemImage"> Словари</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/brend-mrya-1" class="related-itemLink"><img 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/974238/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/974238/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/974238/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/974238/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/974238/slide-0.jpg" class="slides-image related-itemImage"> Бренд Мрія</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/innovacii-v-socialnopoliticheskoj-sfere" class="related-itemLink"><img 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/436025/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/436025/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/436025/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/436025/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/436025/slide-0.jpg" class="slides-image related-itemImage"> Инновации в социально-политической сфере</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/effektivnost-konsolidacii-v-proizvodstve-produktov-pitaniya-russia-partners-advisors-yurij-mashincev" class="related-itemLink"><img 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/475887/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/475887/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/475887/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/475887/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/475887/slide-0.jpg" class="slides-image related-itemImage"> Эффективность консолидации в производстве продуктов питания Russia Partners Advisors Юрий Машинцев</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/delovoy-stil-v-odezhde-1" class="related-itemLink"><img 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/1082626/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1082626/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1082626/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1082626/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1082626/slide-0.jpg" class="slides-image related-itemImage"> Деловой стиль в одежде</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/-179" class="related-itemLink"><img 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/286446/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/286446/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/286446/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/286446/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/286446/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему Функция эритроцитов Понятие об эритроне </a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/latinskaya-amerika-1" class="related-itemLink"><img 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/308515/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/308515/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/308515/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/308515/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/308515/slide-0.jpg" class="slides-image related-itemImage"> Латинская Америка</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/neskafe-gold" class="related-itemLink"><img 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/377685/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/377685/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/377685/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/377685/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/377685/slide-0.jpg" class="slides-image related-itemImage"> нескафе голд</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/industrialno-tehnologicheskiy-kolledzh-g-cherkessk" class="related-itemLink"><img 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/1158361/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1158361/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1158361/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1158361/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1158361/slide-0.jpg" class="slides-image related-itemImage"> Индустриально-технологический колледж г. Черкесск</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/prezentaciya-na-temu-rozhdenie-feodalnogo-obshhestva-u-drevnix-slavyan-1" class="related-itemLink"><img 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/268461/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/268461/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/268461/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/268461/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/268461/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему Рождение феодального общества у древних славян </a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/14-2-organy-chuvstv-kopiya" class="related-itemLink"><img 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/1180203/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1180203/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1180203/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1180203/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1180203/slide-0.jpg" class="slides-image related-itemImage"> 14 -2 Органы чувств — копия</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/kadry-obshhaya-chislennost-sotrudnikov-ckp--29-chelovek-sredi-nix-2-glavnyx-nauchnyx-sotrudnika--2-vedushhix-nauchnyx-sotrudnika--3-starshix" class="related-itemLink"><img 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/419197/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/419197/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/419197/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419197/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/419197/slide-0.jpg" class="slides-image related-itemImage"> Кадры Общая численность сотрудников ЦКП – 29 человек Среди них: 2 главных научных сотрудника, 2 ведущих научных сотрудника, 3 старших</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/izotopy-3" class="related-itemLink"><img 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/362039/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/362039/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/362039/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362039/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/362039/slide-0.jpg" class="slides-image related-itemImage"> Изотопы</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/metod-modelirovaniya--poisk-bystryx-upravlencheskix-reshenij-v-usloviyax-ogranichennogo-finansirovaniya" class="related-itemLink"><img 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/459043/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/459043/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/459043/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/459043/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/459043/slide-0.jpg" class="slides-image related-itemImage"> Метод моделирования – поиск быстрых управленческих решений в условиях ограниченного финансирования</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/skoro-v-shkolu" class="related-itemLink"><img 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/330228/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/330228/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/330228/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/330228/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/330228/slide-0.jpg" class="slides-image related-itemImage"> Скоро в школу</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/kitaj-4-klass--prezentaciya-po-okruzhayushhemu-miru" class="related-itemLink"><img 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/274108/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/274108/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/274108/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/274108/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/274108/slide-0.jpg" class="slides-image related-itemImage"> Презентация на тему Китай 4 класс</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/linearnye-eskizy" class="related-itemLink"><img 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/1120406/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1120406/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1120406/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1120406/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1120406/slide-0.jpg" class="slides-image related-itemImage"> Линеарные эскизы</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/smyslovoe-chtenie-i-rabota-s-tekstom-2" class="related-itemLink"><img 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/902535/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/902535/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/902535/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/902535/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/902535/slide-0.jpg" class="slides-image related-itemImage"> Смысловое чтение и работа с текстом на уроках географии</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/koferem-blagodarstvennoe-pismo" class="related-itemLink"><img 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/1068977/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1068977/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1068977/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1068977/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1068977/slide-0.jpg" class="slides-image related-itemImage"> Koferem. Благодарственное письмо</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/otkrytie-vasko-da-gama-morskogo-puti-v-indiyu" class="related-itemLink"><img 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/342040/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/342040/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/342040/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/342040/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/342040/slide-0.jpg" class="slides-image related-itemImage"> Открытие Васко да Гама морского пути в Индию</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/logicheskie-osnovy-teorii-argumentacii" class="related-itemLink"><img 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/335610/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/335610/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/335610/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/335610/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/335610/slide-0.jpg" class="slides-image related-itemImage"> Логические основы теории аргументации</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/metodika-oznakomleniya-mladshih-shkolnikov-s-tvorchestvom-1" class="related-itemLink"><img 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/1035754/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1035754/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1035754/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1035754/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1035754/slide-0.jpg" class="slides-image related-itemImage"> Методика ознакомления младших школьников с творчеством И. Грабарь</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/prezentaciya-44" class="related-itemLink"><img 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/405039/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/405039/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/405039/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/405039/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/405039/slide-0.jpg" class="slides-image related-itemImage"> Презентация</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/centr-razvitiya-predprinimatelstva-provodnik-v-mir-uspeshnogo-biznesa" class="related-itemLink"><img 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/421345/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/421345/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/421345/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/421345/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/421345/slide-0.jpg" class="slides-image related-itemImage"> Центр развития предпринимательства Проводник в мир успешного бизнеса</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/ekzogennye-i-endogennye-processy" class="related-itemLink"><img 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/379771/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/379771/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/379771/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/379771/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/379771/slide-0.jpg" class="slides-image related-itemImage"> Экзогенные и эндогенные процессы </a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/vsego--40-3-36-7--45-3-milliona" class="related-itemLink"><img 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/395304/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/395304/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/395304/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395304/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/395304/slide-0.jpg" class="slides-image related-itemImage"> Всего : 40,3 (36,7 – 45,3) миллиона</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/slayd-shou-sdnem-rozhdeniya" class="related-itemLink"><img 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/1059820/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1059820/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1059820/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1059820/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1059820/slide-0.jpg" class="slides-image related-itemImage"> Слайд-шоу Сднем рождения!</a></div><div class="related-item"><a href="/prezentacii-na-razlichnye-temy/rabota-s-sifonom" class="related-itemLink"><img 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/1023510/slide-0.jpg 480w, /_ipx/f_webp&q_80&fit_contain&s_720x540/imagesDir/jpg/1023510/slide-0.jpg 720w, /_ipx/f_webp&q_80&fit_contain&s_960x720/imagesDir/jpg/1023510/slide-0.jpg 960w, /_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1023510/slide-0.jpg 1440w" src="/_ipx/f_webp&q_80&fit_contain&s_1440x1080/imagesDir/jpg/1023510/slide-0.jpg" class="slides-image related-itemImage"> Работа с сифоном</a></div><!--]--></div></div></div></div><!--]--><!--]--><!--]--></div></div></main><footer class="footer"><div class="layout"><div class="footer-text"><!--LiveInternet counter--><a href="https://www.liveinternet.ru/click"
target="_blank"><img id="licnt7D89" width="88" height="31" style="border:0"
title="LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня"
src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAEALAAAAAABAAEAAAIBTAA7"
alt="LiveInternet"/></a><script>(function(d,s){d.getElementById("licnt7D89").src=
"https://counter.yadro.ru/hit?t12.1;r"+escape(d.referrer)+
((typeof(s)=="undefined")?"":";s"+s.width+"*"+s.height+"*"+
(s.colorDepth?s.colorDepth:s.pixelDepth))+";u"+escape(d.URL)+
";h"+escape(d.title.substring(0,150))+";"+Math.random()})
(document,screen)</script><!--/LiveInternet--></div><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-text"><a href="/page/pravoobladateliam">Для правообладателей</a></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,S,T,U,V){return {data:{meta:{result:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I}},categories:{result:[{id:J,ordering:a,name:"Алгебра",pseudoname:"prezentacii-po-algebre"},{id:2,ordering:a,name:"Английский язык",pseudoname:"prezentacii-po-angliyskomu-yaziku"},{id:3,ordering:a,name:"Астрономия",pseudoname:"prezentacii-po-astronomii"},{id:4,ordering:a,name:"Биология",pseudoname:"prezentacii-po-biologii"},{id:5,ordering:a,name:"География",pseudoname:"prezentacii-po-geografii"},{id:6,ordering:a,name:"Геометрия",pseudoname:"prezentacii-po-geometrii"},{id:7,ordering:a,name:"Информатика",pseudoname:"prezentacii-po-informatike"},{id:8,ordering:a,name:"История",pseudoname:"prezentacii-po-istorii"},{id:9,ordering:a,name:"Литература",pseudoname:"prezentacii-po-literature"},{id:10,ordering:a,name:"Математика",pseudoname:"prezentacii-po-matematike"},{id:11,ordering:a,name:"Медицина",pseudoname:"prezentacii-po-medicine"},{id:h,ordering:a,name:"Музыка",pseudoname:"prezentacii-po-musice"},{id:13,ordering:a,name:"МХК",pseudoname:"prezentacii-po-mkhk"},{id:14,ordering:a,name:"ОБЖ",pseudoname:"prezentacii-po-obzh"},{id:15,ordering:a,name:"Обществознание",pseudoname:"prezentacii-po-obshhestvoznaniju"},{id:K,ordering:a,name:"Педагогика",pseudoname:"prezentacii-po-pedagogike"},{id:18,ordering:a,name:"Немецкий язык",pseudoname:"prezentacii-po-nemezkomy-yaziku"},{id:20,ordering:a,name:"Русский язык",pseudoname:"prezentacii-po-russkomu-yazyku"},{id:21,ordering:a,name:"Технология",pseudoname:"prezentacii-po-tehnologii"},{id:22,ordering:a,name:"Физика",pseudoname:"prezentacii-po-fizike"},{id:23,ordering:a,name:"Философия",pseudoname:"prezentacii-po-filosofii"},{id:24,ordering:a,name:"Химия",pseudoname:"prezentacii-po-himii"},{id:25,ordering:a,name:"Экология",pseudoname:"prezentacii-po-ehkologii"},{id:26,ordering:a,name:"Экономика",pseudoname:"prezentacii-po-ekonomike"},{id:27,ordering:a,name:"Детские презентации",pseudoname:"detskie-prezentacii"},{id:i,ordering:a,name:"Шаблоны презентаций",pseudoname:"shablony-dlya-prezentacii"},{id:29,ordering:a,name:L,pseudoname:"prezentacii-na-razlichnye-temy"},{id:48,ordering:a,name:"Культурология",pseudoname:"kulturologiya"},{id:16,ordering:J,name:"Окружающий мир",pseudoname:"prezentacii-po-okruzhayushhemu-miru"}]},item:{result:{id:364694,name:"Робота з елементами форми",category:L,count:K,jpg:"jpg\u002F364694",hits:148,download:a,h1:M,meta:{h1:M,title:"Робота з елементами форми презентация",description:"Робота з елементами форми презентация, доклад, проект, Разное ",keywords:"Робота з елементами форми, презентация, доклад, проект, скачать презентацию на тему, PowerPoint, скачати презентацію, фон, шаблон, урок, конспект, класс, школа, класс, Разное",download_link:b},text:"\u003Cp style=\"text-align: justify;\" \u002F\u003EПрезентация на тему Робота з елементами форми, из раздела: Разное. Презентацию в формате PowerPoint (pptx) можно скачать внизу страницы, поделившись ссылкой в социальных сетях! Презентации взяты из открытого доступа или загружены их авторами, администрация сайта не отвечает за достоверность информации в них. Все права принадлежат авторам материалов: \u003Ca href=\"politika-zashchity-avtorskih-prav\"\u003EПолитика защиты авторских прав\u003C\u002Fa\u003E",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 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\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\u003Cbr\u003E",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:"\u002Fprezentacii-na-razlichnye-temy\u002Frobota-z-elementami-formi",href_category:"\u002Fprezentacii-na-razlichnye-temy",date:1612957321,related:[{id:409411,name:"Словари",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fslovari-1",jpg:"jpg\u002F409411"},{id:974238,name:"Бренд Мрія",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fbrend-mrya-1",jpg:"jpg\u002F974238"},{id:436025,name:"Инновации в социально-политической сфере",href:"\u002Fprezentacii-na-razlichnye-temy\u002Finnovacii-v-socialnopoliticheskoj-sfere",jpg:"jpg\u002F436025"},{id:475887,name:"Эффективность консолидации в производстве продуктов питания Russia Partners Advisors Юрий Машинцев",href:"\u002Fprezentacii-na-razlichnye-temy\u002Feffektivnost-konsolidacii-v-proizvodstve-produktov-pitaniya-russia-partners-advisors-yurij-mashincev",jpg:"jpg\u002F475887"},{id:1082626,name:"Деловой стиль в одежде",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fdelovoy-stil-v-odezhde-1",jpg:"jpg\u002F1082626"},{id:286446,name:"Презентация на тему Функция эритроцитов Понятие об эритроне ",href:"\u002Fprezentacii-na-razlichnye-temy\u002F-179",jpg:"jpg\u002F286446"},{id:308515,name:"Латинская Америка",href:"\u002Fprezentacii-na-razlichnye-temy\u002Flatinskaya-amerika-1",jpg:"jpg\u002F308515"},{id:377685,name:"нескафе голд",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fneskafe-gold",jpg:"jpg\u002F377685"},{id:1158361,name:"Индустриально-технологический колледж г. Черкесск",href:"\u002Fprezentacii-na-razlichnye-temy\u002Findustrialno-tehnologicheskiy-kolledzh-g-cherkessk",jpg:"jpg\u002F1158361"},{id:268461,name:"Презентация на тему Рождение феодального общества у древних славян ",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fprezentaciya-na-temu-rozhdenie-feodalnogo-obshhestva-u-drevnix-slavyan-1",jpg:"jpg\u002F268461"},{id:1180203,name:"14 -2 Органы чувств — копия",href:"\u002Fprezentacii-na-razlichnye-temy\u002F14-2-organy-chuvstv-kopiya",jpg:"jpg\u002F1180203"},{id:419197,name:"Кадры Общая численность сотрудников ЦКП – 29 человек Среди них: 2 главных научных сотрудника, 2 ведущих научных сотрудника, 3 старших",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fkadry-obshhaya-chislennost-sotrudnikov-ckp--29-chelovek-sredi-nix-2-glavnyx-nauchnyx-sotrudnika--2-vedushhix-nauchnyx-sotrudnika--3-starshix",jpg:"jpg\u002F419197"},{id:362039,name:"Изотопы",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fizotopy-3",jpg:"jpg\u002F362039"},{id:459043,name:"Метод моделирования – поиск быстрых управленческих решений в условиях ограниченного финансирования",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fmetod-modelirovaniya--poisk-bystryx-upravlencheskix-reshenij-v-usloviyax-ogranichennogo-finansirovaniya",jpg:"jpg\u002F459043"},{id:330228,name:"Скоро в школу",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fskoro-v-shkolu",jpg:"jpg\u002F330228"},{id:274108,name:"Презентация на тему Китай 4 класс",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fkitaj-4-klass--prezentaciya-po-okruzhayushhemu-miru",jpg:"jpg\u002F274108"},{id:1120406,name:"Линеарные эскизы",href:"\u002Fprezentacii-na-razlichnye-temy\u002Flinearnye-eskizy",jpg:"jpg\u002F1120406"},{id:902535,name:"Смысловое чтение и работа с текстом на уроках географии",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fsmyslovoe-chtenie-i-rabota-s-tekstom-2",jpg:"jpg\u002F902535"},{id:1068977,name:"Koferem. Благодарственное письмо",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fkoferem-blagodarstvennoe-pismo",jpg:"jpg\u002F1068977"},{id:342040,name:"Открытие Васко да Гама морского пути в Индию",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fotkrytie-vasko-da-gama-morskogo-puti-v-indiyu",jpg:"jpg\u002F342040"},{id:335610,name:"Логические основы теории аргументации",href:"\u002Fprezentacii-na-razlichnye-temy\u002Flogicheskie-osnovy-teorii-argumentacii",jpg:"jpg\u002F335610"},{id:1035754,name:"Методика ознакомления младших школьников с творчеством И. Грабарь",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fmetodika-oznakomleniya-mladshih-shkolnikov-s-tvorchestvom-1",jpg:"jpg\u002F1035754"},{id:405039,name:"Презентация",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fprezentaciya-44",jpg:"jpg\u002F405039"},{id:421345,name:"Центр развития предпринимательства Проводник в мир успешного бизнеса",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fcentr-razvitiya-predprinimatelstva-provodnik-v-mir-uspeshnogo-biznesa",jpg:"jpg\u002F421345"},{id:379771,name:"Экзогенные и эндогенные процессы ",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fekzogennye-i-endogennye-processy",jpg:"jpg\u002F379771"},{id:395304,name:"Всего : 40,3 (36,7 – 45,3) миллиона",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fvsego--40-3-36-7--45-3-milliona",jpg:"jpg\u002F395304"},{id:1059820,name:"Слайд-шоу Сднем рождения!",href:"\u002Fprezentacii-na-razlichnye-temy\u002Fslayd-shou-sdnem-rozhdeniya",jpg:"jpg\u002F1059820"},{id:1023510,name:"Работа с сифоном",href:"\u002Fprezentacii-na-razlichnye-temy\u002Frabota-s-sifonom",jpg:"jpg\u002F1023510"}],navigation:{next:"\u002Fprezentacii-na-razlichnye-temy\u002Fdizajn-vebsajtiv",next_name:"ДИЗАЙН ВЕБ-САЙТІВ",prev:"\u002Fprezentacii-na-razlichnye-temy\u002Frobota-s-bazami-danix",prev_name:"РОБОТА с БАЗАМИ ДАНИХ"}}}},state:{},_errors:{},serverRendered:e,config:{public:{SITE_NAME:N,SITE_HOST:"slaidy.com",SITE_LANG:O,API_BASE_URL:"https:\u002F\u002Fslaidy.com\u002Fapi\u002F",pwaManifest:{name:N,short_name:b,description:b,lang:O,start_url:"\u002F?standalone=true",display:"standalone",background_color:k,theme_color:j,icons:[{src:"\u002F_nuxt\u002Ficons\u002F64x64.d7f48e96.png",type:d,sizes:P,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F64x64.maskable.d7f48e96.png",type:d,sizes:P,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F120x120.d7f48e96.png",type:d,sizes:Q,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F120x120.maskable.d7f48e96.png",type:d,sizes:Q,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F144x144.d7f48e96.png",type:d,sizes:R,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F144x144.maskable.d7f48e96.png",type:d,sizes:R,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F152x152.d7f48e96.png",type:d,sizes:S,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F152x152.maskable.d7f48e96.png",type:d,sizes:S,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F192x192.d7f48e96.png",type:d,sizes:T,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F192x192.maskable.d7f48e96.png",type:d,sizes:T,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F384x384.d7f48e96.png",type:d,sizes:U,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F384x384.maskable.d7f48e96.png",type:d,sizes:U,purpose:g},{src:"\u002F_nuxt\u002Ficons\u002F512x512.d7f48e96.png",type:d,sizes:V,purpose:f},{src:"\u002F_nuxt\u002Ficons\u002F512x512.maskable.d7f48e96.png",type:d,sizes:V,purpose:g}]},yandexMetrika:{id:"79446466",metrikaUrl:"https:\u002F\u002Fmc.yandex.ru\u002Fmetrika\u002Ftag.js",accurateTrackBounce:e,childIframe:c,clickmap:c,defer:c,useRuntimeConfig:e,trackHash:c,trackLinks:e,type:a,webvisor:c,triggerEvent:c,consoleLog:e,partytown:c,isDev:c}},app:{baseURL:"\u002F",buildAssetsDir:"\u002F_nuxt\u002F",cdnURL:b}},pinia:{app:{meta:{h1:l,main_text:b,main_title:m,main_description:n,main_keywords:o,main_image:b},app:{logo_image:p,logo_image_width:i,logo_image_height:q,logo_text:r,image_width_full:s,image_width_min:t,recaptcha_key:u,yandex_search:v,ya_context:e,banner_1:b,banner_2:b,banner_3:b,banner_4:b,banner_5:b,banner_6:b,banner_7:b,banner_8:b,banner_9:b,banner_10:w,email:x,footer_before:y,footer:z,dark_theme:c,strategy:{image_alt_words:h,item_slide_header:A,item_images:B,item_images_tag:C,item_words_h3:c,item_words_tag:D,item_words_1:h,routing:E,item_slide_skipping:F,item_download_timeout:G,item_slider_width:a,item_show_pdf:c,item_show_contents:c,item_show_filename:e},colors:{header_text:j,header_bg:k,accent:H}},social:I,token:b}}}}(0,"",false,"image\u002Fpng",true,"any","maskable",12,28,"#000000","#ffffff","Презентации, проекты, доклады в PowerPoint на любую тему","Презентации и проекты в PowerPoint","Презентации на различные темы для детей, школьников, родителей, студентов, учителей и преподавателей.","Презентация, презентация на тему, скачать презентацию, урок презентация, 1 2 3 4 5 6 7 8 9 10 11 класс","images\u002Fdata\u002Flogo.jpg",32,"Slaidy.com",720,480,"6LfWmAYrAAAAAFyidHOK1ZHtYSECWR5CvAmygt5c","3190226","\u003C!-- Yandex.RTB R-A-1990700-7 --\u003E\r\n\u003Cscript\u003E\r\nwindow.yaContextCb.push(() =\u003E {\r\n Ya.Context.AdvManager.render({\r\n \"blockId\": \"R-A-1990700-7\",\r\n \"type\": \"fullscreen\",\r\n \"platform\": \"touch\"\r\n })\r\n})\r\n\u003C\u002Fscript\u003E","[e-mail]","\u003C!--LiveInternet counter--\u003E\u003Ca href=\"https:\u002F\u002Fwww.liveinternet.ru\u002Fclick\"\r\ntarget=\"_blank\"\u003E\u003Cimg id=\"licnt7D89\" width=\"88\" height=\"31\" style=\"border:0\" \r\ntitle=\"LiveInternet: показано число просмотров за 24 часа, посетителей за 24 часа и за сегодня\"\r\nsrc=\"data:image\u002Fgif;base64,R0lGODlhAQABAIAAAAAAAP\u002F\u002F\u002FyH5BAEAAAEALAAAAAABAAEAAAIBTAA7\"\r\nalt=\"LiveInternet\"\u002F\u003E\u003C\u002Fa\u003E\u003Cscript\u003E(function(d,s){d.getElementById(\"licnt7D89\").src=\r\n\"https:\u002F\u002Fcounter.yadro.ru\u002Fhit?t12.1;r\"+escape(d.referrer)+\r\n((typeof(s)==\"undefined\")?\"\":\";s\"+s.width+\"*\"+s.height+\"*\"+\r\n(s.colorDepth?s.colorDepth:s.pixelDepth))+\";u\"+escape(d.URL)+\r\n\";h\"+escape(d.title.substring(0,150))+\";\"+Math.random()})\r\n(document,screen)\u003C\u002Fscript\u003E\u003C!--\u002FLiveInternet--\u003E","\u003Ca href=\"\u002Fpage\u002Fpravoobladateliam\"\u003EДля правообладателей\u003C\u002Fa\u003E","h3a","images_before","none","h3","category","both",77,"#ff0d00","\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",1,17,"Разное","Робота з елементами форми ","Slaidy","ru","64x64","120x120","144x144","152x152","192x192","384x384","512x512"))</script><script type="module" src="/_nuxt/entry.e6b1bc94.js" crossorigin></script></body>
</html>