Курс HTML - Урок №18. Создание кнопок.

676 ratings | 81987 views


Курс HTML - Урок №18. Создание кнопок.

Бесплатный миникурс «Домен и хостинг» — Рейтинг хостингов: Блог Евгения Попова: Из этого видеоурока вы узнаете, как создаются кнопки в формах и какие функции они выполняют. Ссылка на дополнительные материалы к курсу HTML (один архив ко всем урокам курса):

Comments to the video: Курс HTML - Урок №18. Создание кнопок.

Тимур Бмв 3 months ago
запамятовал упомянуть(или я не увидел) что необходимо </form> перекинуть в крышка кода перед </body> чтоб кнопки работали
Алия Гарипова 3 months ago
Почему заместо рисунки текстовое поле?
ggserj 3 months ago
что ж ты блин КАЖДОЕ англ слово с неверным ударением произносишь. интуитивно же даже было бы по другому
Dark Crafter92 4 months ago
Почему у меня input выводит поле для ввода?
Arman Azaryan 4 months ago
будто отыскать доп. материали
Arman Azaryan 4 months ago
благодарю
Саша Абакаров 4 months ago
В описании под видео.Чтобы для тебя было проще то вот держи
Серёга 5 months ago
А если я желаю сделать кнопку-картину очистить , какой образ для неё указывать ?
саша плетнев 7 months ago
здраствуйте Евгений. у меня проблема. вот у нас кушать рядовая кнопка которая не за что не отвечает , будто при помощи ее можно сделать перебегает в начин странички либо на иной веб-сайт ??? положим за переход на начин отвечает атребут herf и тег a. будто быть с этим ? ? ? можно сделать ,если конечно то пожалуста напишите код
GrID 5 months ago
иди погугли! 21-вый столетие!
ИгорьК как 7 months ago
<p><input type= submit name= submit value= Отправить ></p> что не верно
zik_rey 8 months ago
а будто сделать этак, что бы сбрасывалось лишь поле ввода текста? Я чрез for= text пробовал и ничего не происходило, сбрасывался полный form.
ПеЛьМеШкИ Tv 9 months ago
помогите изволь у меня отопражаются кнопки однако не рабоает кнопка сброса
Руслан Цубина 9 months ago
Кнопка выслать работает, а кнопка сброса - дудки. <form action= formdata.php method = POST name = form > <input type= reset name= reset name = Сброс /> </form>
Руслан Цубина 8 months ago
<input type= reset name= reset value = Сброс /> разобрался в чем неувязка была
zik_rey 8 months ago
для чего ты два раза name прописал?!
Влад Азаров 10 months ago
Всем привет! Ребят подскажите изволь, не раскрывается картина(выслать):<p><input type= image src= images/ibutton.png name= imagebutton ></p>
Alex Jonson 5 months ago
дудки оно необходимо , провер в папке естли само картина
Гражданин Гражданин 10 months ago
<p><input type= image src= images/ibutton.png name= imagebutton ></p> убери i перед / где ты прописал ibutton
Violetta D 10 months ago
Скажите, а для чего радиокнопкам и обыденным кнопочкам задавать атрибут Name=. ? Я пробовала его не указывать, и ничего не поменялось.
Дима Садовский 11 months ago
А кнопке можна дать ссылку в виде href?
Валар Моргулис 11 months ago
Как сделать чтоб картина ресет всё очищала?
Takenu_ Yamakashi 11 months ago
а будто сделать эту папку html?
Амер Абдрахманов 1 year ago
Сбросить не выходит отчего  помогите пж
Валар Моргулис 11 months ago
<input type= reset name= reset value= Сбросить />
Евгения Шулуу 1 year ago
чет у меня картина не возникает. кнопка создалась, а рисунки дудки
Евгения Шулуу 1 year ago
разобралась) в ссылке на картину я другое имя поставила.
Stephen Chagay 1 year ago
что мастерить если все тоже самое, однако кнопка сброс не делает свою функцию???? Помогите плиз, что не этак
Stephen Chagay 10 months ago
уже разобрался, однако все равно благодарю)))
Coul193 10 months ago
выложи собственный код написанный там и усвоит что не этак с ним
Nino Vakhania 1 year ago
Мб естественно я одна такая не внимательная, однако Вы убеждены что прописывайте коды в поле <form> </form> ?)))
Lo'Gosh Stivenson 1 year ago
не вышел сброс
Алексей Жилов 1 year ago
Спасибо, посодействовали!)
Канал Дарка 1 year ago
А будто розместить кнопку на веб-сайте? (она лишь збоку)
Едуард Котов 1 year ago
Не усвою для чего задавать якоря в кнопках атрибутом name= кнопка ? За что он отвечает , ведь перебегать на этот якорь кнопки , мы точно не будем.
dron 2013 1 year ago
ахахха фуууу
Ростик Петренко 1 year ago
а где в коде видать, что кнопка с изображением отвечает за те самые функции, что и обычная кнопка выслать ?
#I Stalin 10 months ago
Мы еще в <form> указали PHP ссылку. Туда идут все требования с всех кнопок
Kenny Morkovka 11 months ago
Дельный проблема. Вы разобрались?
TheMariLy88 1 year ago
будто сделать кнопку вспять ???
CardRoy 1 year ago
В смысле вспять?) На другую страничку? Если конечно, то для чего для тебя использовать такие кнопки? Используй тег а и оформи его в css. Можешь добавить изображение и т.д.
Take a step forward 1 year ago
y меня смотрится будто текст что мастерить?
Алия Гарипова 3 months ago
этак и кушать
Софья Игнатьевская 3 months ago
необходимо чтоб файл form.html находился в папке html
Алия Гарипова 3 months ago
Вы разобрались в итоге в чем была неувязка?
Kubanych Teshebaev 1 year ago
Лол вышло запихнуть эту кнопку к скачу файла))
Тарас Іванків 2 years ago
а як створити кнопку пошуку
CardRoy 1 year ago
Ранее были уже размещены линия статей, касаемо организации поиска по веб-сайту с помощью услуг, предоставляемых поисковыми системами: Google и Яндекса. Теперь же разглядим ещё одинешенек вариант, какой позволяет сделать розыск без воззвания к посторонним сервисам. HTML-код поля для поиска смотрится будто: <input name= имя value= смысл size= ширина type= text > Можно привнести конфигурации в манера: <input name= nomer2 value= size= 20 type= text style= color: rgb(255, 255, 255); border: 2px solid rgb(100, 117, 134); padding: 5px 2px 5px 30px; background: url( ) no-repeat scroll 5% 50% rgb(68, 85, 102); > Скрипт, чтоб текст исчезал при щелчке мышки: Search <input onblur= this.value=(this.value=='')?this.title:this.value; onfocus= this.value=(this.value==this.title)?'':this.value; value= Search title= Search type= text /> Динамично изменяющийся поле: Search <input onblur= this.value=(this.value=='')?this.title:this.value;this.style.backgroundColor=' ccc'; onfocus= this.value=(this.value==this.title)?'':this.value;this.style.backgroundColor=' fff'; value= Search title= Search type= text style= text-align: center; background-color: ccc; /> Использование HTML5 предлагает тот же эффект, однако без отображения в IE: розыск по веб-сайту <input placeholder= розыск по веб-сайту > placeholder можно задать стили: розыск по веб-сайту <style> form-query:-moz-placeholder background: DDD; color: Chocolate; form-query::-webkit-input-placeholder background: DDD; color: Chocolate; form-query:-ms-input-placeholder background: DDD; color: Chocolate; </style> <input id= form-query placeholder= розыск по веб-сайту > Далее заключаем тег input (возьму заключительный вариант) в тег form и можно уже находить по данному блогу. Вот лишь ранжирование статей будет исполняться не по релевантности, а по дате. розыск по веб-сайту <form method= get action= /search target= _blank ><input name= q id= form-query value= placeholder= розыск по веб-сайту ></form> Можно добавить рядышком кнопку Искать розыск по веб-сайту находить <form method= get action= /search target= _blank > <input name= q id= form-query value= placeholder= розыск по веб-сайту > <input type=submit value= находить ></form>
Viacheslav Chernish 2 years ago
выходит, если не прописовать value , то оно само пишет Сбросить и Отправить
Alexandr Petrovenko 2 years ago
 В CSS поменяете облик кнопок
Kateryna Chuprynska 2 years ago
Кто-то знает, будто браузер осознает, что это конкретно кнопка отправки? Ведь образ image задаем. Или этот образ по-умолчанию значит отправку?
Andrew Lewman 2 months ago
Кнопкой может быть хоть вся страничка. По сущности кнопка - элемент, на какой мы программируем обработчик нажатия. И в обработчик мы пишем логику - что надлежит выполниться, когда нажали на кнопку. Есть стандартное поведение - тег form(в аттрибуте указываем способ и адресок передачи данных, введенных снутри формы),этак же снутри кнопка ввиде тега input с аттрибутом type=submit
Влад Борисюк 8 months ago
А то что ета картина в теге <form></form> запечатана и все что в етом теге относится сюда
Влад Борисюк 8 months ago
А то что ета картина в теге <form></form> запечатана и все что в етом теге относится сюда
Adil Adilzade 1 year ago
у меня появился тот же проблема и думаю что они программировали браузеры этак чтоб нажимая всякую картину она действовала с пхп файлом. это мое мировоззрение если кушать другое понятие напишите
Stasya Stasya 2 years ago
Присоединяюсь к ниже произнесенному. Кто разобрался, изволь поведайте, будто браузер осознает, что мастерить с кнопкой картина - отправлять либо очищать?????
g3nbl4 1 year ago
+Сильная женщина/Power girl Можно сделать кнопку не чрез input, а с помощью тега <button>. Выглядеть будет этак: <button type= reset > <img src= images/ibutton.png > </button>
Лана Птица - Ethno World/ Этно Мир 1 year ago
+Diamonds Trump тоже любопытно, покамест сама не додумалась.
Diamonds Trump 2 years ago
+Epic Gaming Nerds А будто кнопке type= image задать очистить?либо перебежать на подходящий URL? подскажи изволь.
Alexander Kolesnikov 2 years ago
+Stasya Stasya если проблема животрепещущ, то вот ответ: сам браузер снутри формы может обработать лишь 2 типа кнопок - submit и reset. Следовательно кнопка с типом image снутри формы по дефолту работает будто submit. Вне формы кнопка с хоть каким типом работает будто type= button.
Сергей Сухович 2 years ago
Все было понятно до этого урока! Как бы этак понятнее выразится. В общем мы в первом варианте сделали две кнопки с различными type, у которых было свое предназначение Отправить submit и Очистить reset. А будто быть с клавишами img!? Ведь мы присваиваем ей одинешенек образ img. Как обработчик PHP усвоит какая кнопка за что отвечает? 
CardRoy 1 year ago
Компилятор автоматом осознает то что там type= submit , кроме img
APT NuMbNeSS 3 years ago
Пожалуйста помогите, я желаю чтоб когда кликнуть на кропку открылась новенькая вкладка а когда он закроится кнопка не работала. Как ето сделать????? 
Mr. Grand 3 years ago
Блин он в каждой серии про CSS гласит этак что аж хочеться html проглядеть и шагать далше про CSS глядеть? Но ребят что полезнее html либо CSS????
Dark Crafter92 4 months ago
Если вернее толку вообщем не даст.
Coul193 10 months ago
CSS отвечает лишь за прекрасный облик странички, а что бы на странички было что мастерить прекрасно с помощью CSS нужно сначало написать что-то чрез HTML, CSS обучать без познания HTML не достаточно толку даст
Ivan Zaycev 11 months ago
они бессмыслены товарищ без друга
Андрей Шалепа 3 years ago
Команды отправки и сброса не работают при клике
laopro Лентяй 2 months ago
Гений !! спс , дело в том ч то попов ошибся и все за ним повторяют не зкрывюат тег форм
Viacheslav Chernish 2 years ago
+Илья Егоров благодарю за толковый рекомендация!
Илья Егоров 2 years ago
Я будто то запамятовал затворить тег и минут 30 не мог осознать в чем вина того, что кнопки не работают))) Проверь закрыт ли тег </form>
Тимур Вахитов 3 years ago
не вставляется картина выслать(
Илья Егоров 2 years ago
проверь линия обозначенный. и не пропустил ли чего в тегах. Я будто то запамятовал затворить тег и минут 30 не мог осознать в чем вина того, что кнопки не работают)))
Роман Киркиж 3 years ago
Как сделать кнопку сброс в виде рисунки?
Иван Свешников 3 years ago
Евгений, хороший денек. У меня всё выходило до момента кнопок( перехода дудки. жму и ничего не происходит(
Alex Jonson 5 months ago
А в чом было вина ?
Хороший Человек 11 months ago
Уже разобрался. Спасибо!
Ivan Zaycev 11 months ago
закрытие </form> необходимо прописывать потом кода кнопок
Хороший Человек 11 months ago
Та же самая неувязка, все сделал и method и action все ровно не сбрасывает? Прошу помощи
CardRoy 1 year ago
А ты <form> указал method и action???
Ваня Бабич 3 years ago
Если мы не задали команду в кнопку-набросок выслать , неуж-то она все равно обработает на отправку? Если конечно, тогда будто сделать кнопку-набросок Сброс не задавая образ reset ?
Андрей Александрович 3 years ago
В хроме будто обыкновенно кнопки не работают
Злой Пёсик [Прохождения Хоррор Игр] 3 years ago
У меня наименования на кнопках сами пишутся. Value прописываю лишь что бы поменять заглавие.
Мурад YouTube 3 years ago
не работает кнопка выслать
Айхан Нагиев 2 months ago
благодарю профукал этот момент ((
Pavel Osypov 1 year ago
+Андрей Шалепа Спасибо все заработало! =)
Viktor Galinger 2 years ago
+Андрей Шалепа у меня также, не углядел)
Илья Егоров 2 years ago
+Андрей Шалепа я тоже этак 30 минут времени растерял.
elenka foxx 3 years ago
+Андрей Шалепа благодарю!
Ярослав Макарьевский 3 years ago
Спасибо, весьма посодействовало, а то в учебнике по информатике про <p> и </p> около кнопки Отправить дудки. Вот у меня и за лазило всё обозначение кнопки Отправить на текстовую рамку! Ещё один благодарю!
vse slozhitsa 3 years ago
благодарю большущее а доступность и простоту.
Татьяна Снегирь 3 years ago
Все спрашивают где эти дополнительные материалы , если глядеть с 1-го урока не торопиться, то Евгений все озвучивает где что и откуда!
Татьяна Снегирь 3 years ago
Сюда зайдите и скачайте видеокурс там кушать папка dopmat
Максим ткачов 4 years ago
А где ети дополнительные материалы?
Ваня Бабич 3 years ago
Максим ткачов 4 years ago
А где ети дополнительные материалы?
Кирилл Бодров 4 years ago
блин не выходит заместо кнопки попросту слово которое можно поменять и стереть что мастерить
Viktor Galinger 2 years ago
проверь синтаксис, все ли верно. у меня схожая неувязка была, этак я попросту ковычки запамятовал!
Lexansan 4 years ago
А если я желаю кравивую картину с заглавием скинуть ?
Lexansan 4 years ago
не сообразил, отчего type= image индентифицируется приступить отправку будто и type= submit ???
Alexandr Zzz 4 years ago
Здравствует проблема будто при сводить картину button.png к первой кнопке выслать? И хотелось бы выяснить будто сделать кнопку очистить лишь в поле для наполнения текста будто сберегает свое пора?
Сергей Родионов 4 years ago
вы блин я 1-ого номера смотрите и сё поймёте !!
Stivin Color 4 years ago
будто сделать кнопку загрузки в определённый файл веб-сайта???
ASD LGD 4 years ago
Согласен тоже не понятно. Подскажите изволь
Толик Оберемок 4 years ago
Здравствуйте всем , смотрю ваш курс , все понятно , лишь вот не совершенно сообразил откуда браузер осознает что нужно мастерить (если мы вставляем кнопку будто картину). Подскажите изволь будто зделать такую же кнопку для очистить. Заранее признателен.
Станислав Беликов 4 years ago
Все сообразил) нужно было форму потом затворить.
Станислав Беликов 4 years ago
Кнопка сброса не работает((
fktrcfyljh 4 years ago
Большое благодарю я начинающий.Создаю веб-сайт в HTML 5.
Bari Vel 4 years ago
Спасибо , Евгений, за прекрасные кнопки. Как вечно просто и доступно! Подача материала-супер! Рекомендую.
Павел Леонюк 4 years ago
Форму не закрыл Форма должна обхватывать все поля и кнопки!
Вячеслав Иванов 5 years ago
Я сделал уже несколько один кнопку скинуть, инспектировал, пристально, однако все же не чего не выходит. Сброс не работает попросту нажимаю не чего не происходит. И с отправкой этак-же нажимаю не чего не происходит! Все эти два курса я все пристально делал и все выходило + к этому я не могу воткнуть кнопку выслать в виде рисунки, она у меня не отображается, не подскажите что мастерить?