Вітаю. Добрий день. Добрий.
Варто було тільки написати, одразу всі заходять. Окей. Я кашу їв. Добрий день.
Відволік від каши чи ні? Ні, доїв і приєднався. Добре, я вам методи скидував, хлопці? Так, ви скинули, я продивився. Методички по урокам я скидував.
У мене є методи по декількох уроках. От я скидаю методи по другому уроку вам і скину методи ще по першому уроку. У мене є декілька методичок.
І по третій зараз скину. наперед так зараз давайте буквально хвилину і почнемо Так, окей. Розказуйте, рєбят, як там у вас успіхи з ДЗ і так далі.
Нормально все? Я перший час не міг, а зараз роблю. Так. Марк.
Богдан. Марія. Назар.
Два Назара. А тут тільки один Назар. Так. А тепер я цього боявся, сподівався, що цього ніколи не станеться. Але, як бачите, вже на третєму занятті сталося.
Хорошо, ладно, зараз будемо думати щось. Який Назар у нас тут є, якого немає в мене? Я в тебе записана як Назар А, але в мене... Мене починається на Я. Це просто ім'я менеджеру.
Назар А, якщо тоді окей. Так, Назара М, значить немає. І Олександр. Я. Добре. Сьогодні ми з вами будемо розглядати форми.
Я бачив, що там кнопки є. Кого? Я бачив у методичці там кнопки є.
Ми будемо сьогодні кнопки вивчати. Да, форми, кнопки. Сьогодні буде доволі таке тяжке заняття, ребят.
Тому я дуже вас попрошу уважно мене слухати. Так, що ми зараз з вами зробимо? Індекс.
Створюємо індекс. і створимо стилі через весь код це зробив просто тут можемо це робити так лінком одразу стилі під'єднуємо поки все і зараз буде довго і нудна лекція скажете коли зробите і дуже попрошу уважно прям слухати Ребята бо це прям дуже важливий тема. А іншою? Так, всі доробили?
Точно? Ні, секунду. Ага.
Перепрошую, як називається ця програма? Visual Studio Code. Я ссылку кидав на неї в самому верху там десь є.
Другий лінк після ссылки на цей урок. Донатувала тебе з код. Так, ну добре, з чого почати?
Давайте почнемо з того, як все ж таки нам працювати з нашими формами. Евеліна, це в нас хто? Я з іншого аккаунту сижу, тому що біля мене зараз немає мого комп'ютера, і це аккаунт моєї сестри. Поняв.
Це Яна, зараз варить. Не-не-не, зрозумів. Окей. Ну що, я вам скину в зіпі цей файл, який ми створили в Zoom.
Давайте почнемо. Давайте почнемо з того, що таке форма і як з нею працювати. В принципі, я думаю, що для вас не секрет, що таке форма.
Ви з ними регулярно зустрічаєтесь в браузерах, вписуєте туди свої персональні дані, реєструєтесь, входите в аккаунти і так далі. Це все форми. Але як вони створюються?
І тут є таке дуже цікаве но, велике но, рібят, яке я вам одразу маю сказати, що форма, коли працюєте з формою, це завжди JavaScript. Це 100% JavaScript і без нього ви вашу форму ніколи в житті не зробите. Печальна, очень, але так же повелося.
Чому саме так? Для того, щоб нам, взагалі, в принципі, створити нашу форму, нам спочатку треба створити семантичний елемент спеціальний, який називається форм. Ось так. Я пишу форм, натискаю так, в мене одразу створюється атрибут, який називається action.
Поки що ми його скіпаємо. Ми одразу, для того, щоб наша форм а функціонувала, напишемо наступний атрибут, який називається метод. І ще один n-type.
Заповнювати будемо їх пізніше. Почнемо, напевно, з метода. Метод це основний атрибут, без якого ваша форма, в принципі, ніколи в житті не буде працювати. В цей метод ви маєте передати пост.
Тобто пост в перекладі як відправка. Ми обов'язково, коли закінчуємо працювати з формою, ми маємо її відправити кудись. Кудись дані форми оброблюватись. І в нас є n-type.
В n-type це додатковий атрибут, який, в принципі, зараз не обов'язково писати. Він раніше керував формою і виправляв такі невеликі як недоліки і впливав на валідацію. Зараз, в принципі, такого немає і ви n-type можете не писати, але я б радив, напевно, все ж таки можливо робити.
Я особливо пишу в проєктах n-type, типу, як вам робити на свій страх різк. чи пройде ваша форма валідації чи ні. Якщо я впевнений, що з NG-Type вона пройде, то без нього не впевнений, бо я ніколи без нього і не робив форму.
NG-Type маємо передати мультипарт форм дата. Мультипарт форм дата. І останній атрибут, який в нас є, він називається action.
Ось тут з цього моменту починається саме... найцікавіше як там в и готові діти Да дайте від віддачи не буду грузити теорії Окей Окей тепер давайте почнемо коли Ребят ви працюєте з формою і коли ви закінчили з нею роботу ви маєте обов'язково щось в кінці робити на виході на виході з форми коли користувач вводить якісь свої персональні дані в цю форму Ви маєте ці дані отримати. Отримуєте ви дані через JavaScript.
Далі оброблюєте ці дані через JavaScript. І в кінці, потім ці дані, коли ви обробили, коли ви їх отримали через JS, ви маєте їх направити на PHP. Для того, щоб відправлялась ваша форма, условно, на пошту Gmail, наприклад, або у Корнет, насправді, немає різниці. Тобто, якщо вам треба, щоб дані, які вводив користувач, відправлялись на пошту. Що, в принципі, логічно, якщо ви створюєте форму.
Це завжди PHP. Без нього тут нікуди. І коли ми працюємо з формою... Ну ось, наприклад, зараз якісь леддінги невеликі.
Тут є send.php. Якщо я відкрию цю сторінку, чого вона не працює, кстати? Де мої стилі? Ладно, не суть. У нас є форма, це головне.
У нас є форма, ось вона. Коли ми, рібят, сюди якісь дані вводимо і натискаємо на заказати, наприклад, у нас відбувається ось таке зараз в даному випадку, тому що цей файл чомусь не працює зараз в мене, що дуже странно насправді, але ладно. У нас відправляються дані.
А куди вони відправляються? Ці наші дані, рібят, відправляються на PHP файл. От сюди. PHP-файл обов'язково завжди має бути у вас на головній сторінці разом із індексом, в корнівій папці, в одній папці із індексом.
Наприклад, я його додам сюди. Я сказав, я додам його сюди. Окей, я зроблю це по-іншому.
Я це Ctrl-C зроблю і Ctrl-V туди. Наш проект. PHP. Ми маємо ось тут в екшені вказати шлях до нашого PHP файлу.
Це send, в мене він називається send.php в екшені. І потім, коли ви обробили ваші дані, ви відправляєте, ну тут насправді невелика кількість коду, і цього PHP, рібят, буде абсолютно достатньо для того, щоб оброблювати дані, в принципі, по формі. Ось якась інформація про якийсь таз складної, 10 літрів, не пам'ятаю, що це, давно писав вже цей сайт. Відправляються дані на оцю пошту по цьому товару конкретному, на яке було здійснене замовлення. Якась додаткова інформація вказується, зараз грузити вас цим не буду.
Ну, явно не той курс, щоб вас грузити в PHP тем паче. Ось так працює форма. Так, скажіть будь ласка, чи все було зрозуміло? Чи якісь питання залишились відкритими? Ні.
Грубо кажучи, для того, щоб ваша форма працювала, вам обов'язково треба мінімальні знання PHP і базові знання JS. Тобто це дуже коротко про те, що я вам тільки що розповів. Написати форму не проблема, але для того, щоб вона працювала, знання обов'язково мають якісь бути. Тепер стосовно самої форми. Для того, щоб почати створювати нашу форму, ми створимо тег, який називається input.
Input це текстовий поле для вводу. Ось наш епалит для води. Тут я можу ввести якісь дані.
Наш інпут приймає і букви, і символи, і цифри. Що я можу з ним взагалі зробити? Я пропоную зробити наступне.
Поки що я це видалю, ну, закоментую, візьму в коментар, це Ctrl-slash. Якщо що, Ctrl-slash на клавіатурі робить такий коментар. ми створимо з вами дів всередину цього діва якийсь параграф типу як нейм і тут уже створимо інпут це буде означати що цей наш інпут буде Ребят прив'язаний Ну грубо кажучи ми просто будемо як користувач розуміти що нам взагалі в поле вводити Тобто, ось цей інпут, він у нас тепер з неймом. Чому саме в DIV? Вся справа в тому, що наші, репят, інпути це строчні елементи.
Тобто, це елементи, які у нас автоматично формуються в одну строку. І так як DIV у нас блочний елемент, тому ми розкидаємо, ну, запихуємо його туди всередину. Думаю, цим зрозуміло.
А перелік я вам скидав строчних і блочних елементів. Зараз, на всякий випадок, перевірю, щоб... Ніврайт, так, як то кажуть.
Скидав, вони у вас є всі. Але такий запис форми, ну, він не айс. Типу зараз такий майже так ніхто не робить і це дуже велика рідкість, коли ось так у нас імена записані.
Зверху над самою формою. Більш частіше зараз зустрічається наступний запис. Лейбл. Ось такий лейбл.
Ми створюємо лейбл і всередині, наприклад, пасворд. Я напишу і тут створюю інпут. У нас зараз форма буде виглядати ось так.
У нас, якщо місця мало, текст перенесеться наверх. Якщо багато, то він буде в один ряд з нашим інпутом. Більш універсальний спосіб, актуальний і цікавий в цілому.
Він більш популярний вже йде. Записали це? Ви там угукайте хоч. Так, я записую.
Ще ні. Окей. Дивіться, тут у нас є автоматично створений такий атрибут, який називається форм. Навіщо він нам потрібен? Вся справа в тому, що цей атрибут нам потрібен для того, щоб зв'язати наш лейбл і наш інпут.
Яким чином? Дивіться, зараз я натискаю на пасворт, на це слово, нічого не відбувається. Натискаю на форму, в мене ось тут курсор миші переводиться на форму, я можу в неї писати.
На пасворт нічого абсолютно. Ми нашому інпуту можемо задати атрибут, який називається ID. По суті своєї, ребят, ID це той самий клас, абсолютно той самий клас, який ми з вами створюємо елементом, ну ось цей клас, ім'я даємо їм через клас. Тільки він у стилях записується не через крапку і назву класу, якщо ми його викликаємо, а через ось таку рішотку і назву ID-шника.
І ще один нюанс. Один нюанс полягає в тому, що якщо ми можемо, наприклад, одним і тим самим блокам давати одинакові класи, ну, типу, наприклад, у цей мене інпут буде з класом input і у цей інпут з класом input. Якщо в мене цей ID-шник буде з класом path і, наприклад, у цей ID-шник також тут інпут буде з ID-шником path, то в мене код не пройде валідацію на браузері.
Це дуже сильно впливає, тому що ID-шники, вони частники, собственники, тобто не можна давати... однакові айдішники декільком елементам одразу тобто тільки один айдішник має мати свій унікальний ID якийсь і от от сюди вкажу ID пас наприклад і сюди for передам пас це айдішник та господи Да що такоє о пас от і таким чином я зв'яжу весь цей лейбл повністю в одно ціле і тепер якщо я, ребят, натисну на ту ж саму пароль, то в мене мій курсор миші переведеться на інпут. Як то було, от коли я на інпут натискав просто.
Бачите? Ми просто зв'язали пароль і наш інпут між собою. Прикольно, зручно насправді.
Зрозуміли? Окей. А тепер стосовно самого пароля.
Це явно не похоже на пароль, тому що ми сюди пишемо текст, ми його бачимо. А пароль, як ми знаємо, це маркер, якісь точки. Ми можемо змінювати тип наших форм, наших інпутів. Тут TypeText.
Якщо нам треба пароль, це тип Password. Якщо нам треба телефон, то це тип Tel. Якщо треба електронна пошта, то це тип E-mail. Мені потрібен зараз пароль.
І тепер, коли я буду щось сюди вводити, воно буде помічатися ось такими маркерами. Можна зробити так, наприклад, пишемо пароль, а біля того можна його дізнатися. Тіпа там є знак запитання, і його включаємо, і показується нам пароль. через JavaScript лише через GS Да тобто як ви бачите реально основна займодія на форму вона йде через GS і тут насправді є ряд таких цікавих махінацій для того щоб нам побачити пароль ми маємо перш за все додати цей глазик який буде нам пароль показувати і по кліку на нього ми беремо ці дані які були введені записуємо їх у змінну далі змінюємо тип нашого імпуту на текстовий для того щоб ми могли відобразити цей пароль і потім беремо ці значення зі змінною яку ми записали пароль і записуємо назад в інфіт і таким чином тільки ми бачимо пароль тобто тут така многа ходовочка да але і це все через джес відповідно робиться є до речі ще один прикольний спосіб нам відображати якісь назви на наших інпутах дів простий і всередині інпут хочу щоб вони просто друг під другом були або давайте БР давайте БР інпут не хочу дів створювати бери БР інпут і сюди я в тип не кажу нічого я створю спаді атрибут placeholder я просто напишу ви самі зараз зрозумієте що це наприклад приводіть ім'я наприклад Інпут з типом текст і плейсхолдер там введіть ім'я. Відповідно на сторінці я побачив ось таку картину.
Введіть ім'я прямо всередині свого інпуту. І якщо я почну щось сюди писати, він зникне. видалю текст він знову з'явиться ось так зрозуміло окей ще одна цікава штука і останнє яку покажу про інпути і взагалі в цілому Радий б вам, рєбят, відкрити методу, тому що в методі там я скинув трішки більше типів, інпутів, які є, аніж ми зараз розглянемо, просто щоб все встигнути за урок.
Там є пару цікавих, поглянути потім. Інпут, лейбл спочатку, лейбл. Ви знаєте, що такі форм, я сюди передам чек одразу.
Створюю інпут з типом checkbox і напишу там. Я думаю, ви вже розумієте, що це буде в нас за інпут по цьому тексту. Поки що ні. Ні?
Марія, до речі, якщо ви хочете щось сказати, то вас не чути. У вас щось з мікрофоном, можливо? Я його не хотіла включити, виможливість. А, так, нічого. Я просто думав, що ви щось додати хотіли.
Це, хлопці, чекбокс. Ось такий ось чекбокс. Чи ви ходжуєтесь ви з політикою сайта, наприклад? До посолу! Окей, далі.
Далі в нас на очеріді кнопки. Це тех, який називається button. І для того, щоб наші кнопки працювали, перш за все, ми маємо щось сюди написати, щоб це відобразити.
І по-друге, ми маємо додати тип. Взагалі типів існує 4 штуки, але використовується 2 або 3 буквально. Перший це submit. Цей тип вказує на те, що наша форма буде відправлятися, і наш метод post буде спрацьовувати, відправляти наші дані на JS, вони оброблюються, а потім метод action відправляє наші дані на PHP наш. Оце тип submit.
І є ще інший тип, який називається reset. Reset це просто очищення форми. Тобто все, що ви написали, форму воно просто видалюється, і форма очиститься. Ну і все, нічого особливого. Ну і третій тип батон просто типу як кнопка просто звичайна кнопка ось на стрі кнопки сабміт О дивіться піч перор до речі тому що ми казали action psn php reset для оновлення і от у нас є батон батон яка по факту нічого не робить Нам треба через якусь дію для неї прив'язувати щоб вона працювала сабміт reset і батон трясе До речі працює ось виводити дані reset вони очищуються все зараз одну секунду так Ну що дописали окей тоді наступне що ми з вами зробимо це передамо плавненько до шрифтів пускай так для того щоб нам приєднати шрифти на нашу сторінку в принципі якісь нам треба сторінку яка називається Google Fonts.
Google Fonts. Тут офіційний Google сайт, да є ось якийсь паралік шрифтив нам на вибір. Ну, ссылку закинув зум, а далі вже будуть і самі, далі куди-то ссылки не буде.
Аааа, ми... Обираємо якісь із переліків шрифтів, можемо в пошуку вбити якісь, якщо нас конкретно якийсь шрифт цікавить. Ну, наприклад, мені оцей сподобався.
Я на нього клікаю і натискаю Get Font. Отримати шрифт. Тут в мене є два варіанти на вибір.
Я можу або його завантажити, вставити локально в свій проект через файл. Можете почитати в документаціях, як це зробити. Тут все описано в принципі в цьому розділі.
Або GetMetCode, наприклад. І ось тут в мене є перелік лінків, які мені потрібно прийднати на свій HTML, для того, щоб мій відповідно шрифт прийнався до моєї сторінки. Копій лінк, копій код, і сюди я йду свій HTML.
Тут є дуже така важлива штука, ребят. Коли ми підключуємо з вами через лінки... щось до нашого проекту ми обов'язково маємо оце ось style CSS лінк він має завжди бути останнім замикаючим це дуже важливо це сильно впливає на підгрузку взагалі в принципі ваших стилів і вашої сторінки він має бути останнім завжди в списку тобто я свій лінк маю закинут и сюди виходить який я скопіював сайта ось він а style CSS ось мій Він останній в мене в списку. Таким чином я приєднав свої шрифти до своєї сторінки. І для того, щоб мені їх застосувати, мені треба взяти оці стилі, які тут в мене є.
Ось вони. Я їх також копіюю і сюди вставляю. І для того, щоб мені додати шрифт до якогось із елементів, я можу обирати якийсь конкретний тег.
Наприклад, в мене є форма. Давайте для форми додамо форм. І я беру просто оцей ось фонд фемелі, все оце, я копіюю просто і ставляю сюди форму в тексті. І таким чином я додаю цей шрифт повністю на всю свою форму. Ось так.
У вас вийшло? Усіх ще якісь проблеми є можливо у когось, так Олександр Назари два ви додали Так. А другий, Назар?
Зараз секунд. Додав. Добре.
Це один із варіантів додавання таких шрифтів. Але окрім цього є ще один цікавий тип шрифтів. Ми їх можемо бачити на розетці, наприклад. О, Господи.
чи не побачимо вже тепер де вона можна мене будь ласка просто розетку О нарешті дивіться ось такі ось ось такі от шрифти іконки Це називається іконочний шрифт. Це нова версія шрифтов, яку ми додаємо на наші сторінки, для того, щоб наша сторінка кучіше працювала, і в нас було менше картинок. Тобто це, іншими словами, просто букви в формі картинок. Як їх додати?
Для того, щоб нам додати такий шрифт, нам перш за все треба зайти на офіційний сайт фонду Aversam, він називається так, фонд... а в сам і маємо написати сі ді ен сідінці спеціально сторінка Ребят для нас як про розробників от сідін джес Тут ми можемо з вами отримувати лінки на всі нас цікавлячі плагіни, фреймворки і так далі. Я це закинув в зуми, скину ще вам в чат, щоб він у вас постійно був. Тут ми з вами маємо обрати завжди оцю ось другу лінку. Оце.
Ця лінка нам підключує наш CDN у форматі лінк тегу. Я це копіюю, копіт, іду в свій ОСВС-код. І тут я так само перед style.css додаю цей лін.
Скажете, коли це зробити? Можете показати сайт, як знайти це? Так, але мені треба знайти якось вона з оранжевої.
Ну перший, оранжевий. Ну чомусь інший. Ану покажіть.
Ану дякую. Але напевно не туди перейшли. Вийдіть назад. Бо я писав це одразу в CDN.
Напишіть фонд аверсам CDN. Так як я це зробив в пошуку в браузері. будь ласка так скажіть мені будь ласка всі вже проїдала Я так хорошо наступний наш умкок Ребята, я це все, якщо що, то скидаю вам в Telegram одразу оці силики всі, типу на CDN вам скинув лінку і скину зараз ще на офіційний сайт CDN.
В принципі, ми прямо звідси можемо перейти по ньому, ось ця силика, а можемо написати просто в пошуку, типу як фонд, а ви ж сам, я вам покажу, без CDN, і ось перша, ось вона, лінка ця. Або ось звідси прям натиснути. Те ж саме абсолютно. Той самий сайт, ідентичний.
Я скиду лінку, давайте напряму одразу на офіційний скину. Тут ми вибираємо розділ, який називається «Айконс» «Іконки». Тут є, до речі, docs, ви можете почитати, як воно працює.
Тут вся документація описана, як куди під'єднувати на Vue, на React, наприклад, на фреймворки і так далі. Ікони. Юзерс, наприклад.
Мені потрібні юзери, користувачі. Програма, ну точніше цей сайт, він не повністю безкоштовний. У нас є перелік, так, і безкоштовних іконок.
так і платник. Для того, щоб нам відфільтрувати, ми натискаємо Free. У нас тут насправді велика купа безкоштовних є, ну їх, в принципі, як правило, вистачає.
Ось наш юзер, я на нього клікаю і на оцей ось тех натискаю, і він в мене копіюється. Тепер я, в принципі, можу його додати абсолютно куди я захочу. Ну, реально, куди захочу, туди додаю.
Наприклад, от сюди. Чи погоджуєтесь ви з умовами? От сюди додам в кінці ще. Додам ще от в кінці кнопок, наприклад, своїх.
Ну і в принципі абсолютно, хлопці, куди захочу, я можу додати цю іконку. І дивіться, в мене вона реально додалась. Три моїх юзера.
Вас додались? Ні. Ні. Чого це ні?
Показуйте. Може зараз тейп передали, чому помилка? А, ні, все вже.
А, окей. Так, а у кого там надались, хто хоче показати екран? У мене. Давай так.
Покажіть ваш код. А, покажіть код, будь ласка. Ні, ось тут ось натисніть на icons, тут в пошуку виберіть якусь іконку, наприклад, users напишіть, тільки на англійській мові. User. Ну ось вам юзер наприклад це про версії конки ви от да фрі і один раз сюди крикніть вона скопіювалася заходьте в ваш редактор коду і отут у вас До речі помилка тут б у треба бутон да бутон і отут До речі так само виправте будь ласка і ось тут везде коротше да там де у вас батон ось тут ще ось тут пейст Давайте переглянемо нашу сторінку відкритий Зайдіть в папку вашого проекта.
Це у вас Lesson 1 був, папка на робочому столі. Індекс html дається. Окей. А ви лінк додали?
От. а ну розгорніть вашу HTML там він у вас згорнутий ось сюди натисніть А що це у вас таке тут у вас тут код в коді код іще код Ого короче ааа да видаляйте це все я зараз вам свій код надішлю просто В Zoom скопіюєте, ставите собі, що він розбув. Я в текстовому документі скину, звідти його достанете, бо в Zoom так не можна. О, господі, це не текстовий документ.
А ну зараз, скажете працює чи ні. У кого ще є помилки? Що у всіх інших працює?
У мене працює. Окей, хорошо. А тепер в мене до вас, ребят, таке питання.
А я скажу, будь ласка, як ви думаєте, як мені, наприклад, змінити розмір цього тегу? А якщо я хочу, щоб моя іконка була більшого розміру? Як мені це зробити?
Яким стилем, як ви думаєте? Окей. Ми з вами знаємо, що в нас є width, це ширина. В нас є font-size, це зміна розміру нашого текста.
В нас є color, в нас є background-color. Наприклад, якщо мені потрібно змінити кольор цих іконок на, наприклад, якийсь червоний, то для того, щоб це зробити, я перш за все звернуся до їх класу «FyUser». Ось він в мене тут є, «FyUser».
Можна додати ще клас один, другий, третій точніше. Ось отак через «Поставить пробіли» дописати ще якийсь третій клас сюди. Для того, щоб це на м зробити, нам треба з вами написати стилі ті якими використовуємо з вами для текстів тому що це в нас шрифт це в нас ні картинка це в нас не елемент це в нас саме шрифт і тому наприклад а від на нього працювати не буде він його не збільшить тому що це не блок і не об'єкт а це саме текст тому для того щоб збільшити розмір це фонд сайз 32 пікси наприклад для того щоб змінити колір це колор Тому що це в нас вважається як шрифт.
Ось так. Вийшло у вас? Ну і тоді, поки в нас ще є час, я покажу вам ще один цікавий елемент форми, який називається, ну він состоїть з двох тег, в принципі.
Це select, і всередині в нього options. І тут можемо придати, наприклад, я напишу сюди home. Наприклад, about, господи, about, і hello там, select option. Щось по типу списка, рівят, це в принципі.
Але воно працює як випадаючий список. Зараз ви допишете, я покажу. Дивіться, Home, About, Hello. І ми можемо обирати щось із цього переліку. Мені щось не дуже подобається, що ви всі мовчите.
Скажіть мені, будь ласка, що настільки тема важка чи що? Я не розумію, де активність якась? Я зробив, зробив іконки. Я просто дописую. Окей, просто, рівнян, так, щось ви так знаєте, це дітей як м иші.
І в мене таке відчуття, бути тут, знаєте, типу як два варіанти. Або зрозуміло все, або не зрозуміло абсолютно нічого. Бо нема не питань, нема не нічого взагалі.
Що? Я просто швидко пишу і я не розумію. Ви співає відповідати ага ага окей короче да Ну окей добре бо знаєте якось типу аж страшно бо всі мовчать 7 чоловік да окрім мене і всі сидять так що стихонечко зрозуміло просто що мені робити далі чи писати чи цікати там просто от окей там хто Марія одужуйте скоріше хворіти тут таке Так. Окей.
І ще є одна цікава штука, вона, до речі, використовується в більшості випадків для, якраз таки, знаєте, типу як якихось тестів. Коли ви робите якісь тести, там, на Google тестах, чи щось подібне, це інпути, от, давайте в лейблі їх створимо, ми їх з вами створимо три штуки, інпут, не поняв, інпут. І в них тип називається Radio.
Radio, і ми дамо їм 7-айдішники, а R просто пускається в воду. Тут можна однаковий робити, до речі, айдішник. Як це не странно, але тут можна однаковий.
Є випадки, ну, винятки деякі. І ось тут можна. Наприклад.
І у нас це виходить... Давайте bear декілька додам, щоб воно нормально виглядало. bear, bear, bear... Та господі bear, воно...
Є штуки. А, ну це тому, що я в options прям створив. Ой, select. Це я вирізаю від і з select достаю.
Ось. Тупанув трішки. Ось. У нас така типу, знаєте, як радіокнопка.
Якщо ми зв'язуємо, ребят, одним ID-шником, то ми можемо одразу всі обрати. Наприклад. Якщо ми цього не будемо робити, то вони у нас не будуть зв'язані відповідно.
але все одно бачите воно обираються всі навіщо тоді ви спитаєте мене давати і дічники вся права в тому що потім Ребят по цим медичникам ви будете через javascript до них звертатись і прив'язувати наприклад до них варіанти відповідей Ну що просто розуміли Да то от в даному випадку це працює таким чином вони в принципі і описані в методі якщо я не помиляюся цього уроку насправді я радив ребят реально читати методи. Я їх пишу не просто так, я їх не буду постійно давати. Вони не скінченні, в мене вони закінчуються також.
По-моєму, там до сьомого року максимум в мене цих метод є і, вроді, як все. Якщо відкрити одну із цих метод, оцю, наприклад, сьогоднішню. Так, то що це таке?
Типи різних файлів, наприклад, select options є, submit, reset button, тут все описано так само, текстерія, label, for. Невелика така метода, але насправді багато інфи. І, до речі, про це навіть загальні відомості про HTML додав.
Хай буде, мало лі, як би, так? І, в принципі, по всіх мерах вони плюс-мінус схожі, вони невеликі, і там є, що реально почитати, тому я б радив би це робити. Так, ну і, в принципі, це і все.
Наче все основне розказав. Скажіть, будь ласка, питання якісь є у вас, чи все зрозуміло? Все зрозуміло.
Все зрозуміло. Все зрозуміло. Окей, добре, дякую. Дякую.
Окей. Добре, тоді... На цьому все, що я відпускаю вас, відпочивайте. Вся ця вас з канікулами поздравляю, з літніми. Ви хоч і працюєте, але все одно два рази на тиждень, і то по годині, тому нормально.
Тож відпочивайте. До зустрічі, до побачення.