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

638 ratings | 78682 views


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

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

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

Тимур Бмв 1 month ago
запамятовал упомянуть(или я не увидел) что необходимо </form> перекинуть в крышка кода перед </body> чтоб кнопки работали
Алия Гарипова 1 month ago
Почему заместо рисунки текстовое поле?
ggserj 1 month ago
что ж ты блин КАЖДОЕ англ слово с неверным ударением произносишь. интуитивно же даже было бы по другому
Dark Crafter92 2 months ago
Почему у меня input выводит поле для ввода?
Arman Azaryan 2 months ago
будто отыскать доп. материали
Arman Azaryan 2 months ago
благодарю
Саша Абакаров 2 months ago
В описании под видео.Чтобы для тебя было проще то вот держи
Серёга 3 months ago
А если я желаю сделать кнопку-картину очистить , какой образ для неё указывать ?
саша плетнев 5 months ago
здраствуйте Евгений. у меня проблема. вот у нас кушать рядовая кнопка которая не за что не отвечает , будто при помощи ее можно сделать перебегает в начин странички либо на иной веб-сайт ??? положим за переход на начин отвечает атребут herf и тег a. будто быть с этим ? ? ? можно сделать ,если конечно то пожалуста напишите код
GrID 3 months ago
иди погугли! 21-вый столетие!
ИгорьК как 5 months ago
<p><input type= submit name= submit value= Отправить ></p> что не верно
zik_rey 6 months ago
а будто сделать этак, что бы сбрасывалось лишь поле ввода текста? Я чрез for= text пробовал и ничего не происходило, сбрасывался полный form.
ПеЛьМеШкИ Tv 7 months ago
помогите изволь у меня отопражаются кнопки однако не рабоает кнопка сброса
Руслан Цубина 7 months ago
Кнопка выслать работает, а кнопка сброса - дудки. <form action= formdata.php method = POST name = form > <input type= reset name= reset name = Сброс /> </form>
Руслан Цубина 6 months ago
<input type= reset name= reset value = Сброс /> разобрался в чем неувязка была
zik_rey 6 months ago
для чего ты два раза name прописал?!
Влад Азаров 8 months ago
Всем привет! Ребят подскажите изволь, не раскрывается картина(выслать):<p><input type= image src= images/ibutton.png name= imagebutton ></p>
Alex Jonson 3 months ago
дудки оно необходимо , провер в папке естли само картина
Гражданин Гражданин 7 months ago
<p><input type= image src= images/ibutton.png name= imagebutton ></p> убери i перед / где ты прописал ibutton
Violetta D 8 months ago
Скажите, а для чего радиокнопкам и обыденным кнопочкам задавать атрибут Name=. ? Я пробовала его не указывать, и ничего не поменялось.
Дима Садовский 9 months ago
А кнопке можна дать ссылку в виде href?
Валар Моргулис 9 months ago
Как сделать чтоб картина ресет всё очищала?
Takenu_ Yamakashi 9 months ago
а будто сделать эту папку html?
Амер Абдрахманов 9 months ago
Сбросить не выходит отчего  помогите пж
Валар Моргулис 9 months ago
<input type= reset name= reset value= Сбросить />
Евгения Шулуу 10 months ago
чет у меня картина не возникает. кнопка создалась, а рисунки дудки
Евгения Шулуу 10 months ago
разобралась) в ссылке на картину я другое имя поставила.
Stephen Chagay 10 months ago
что мастерить если все тоже самое, однако кнопка сброс не делает свою функцию???? Помогите плиз, что не этак
Stephen Chagay 8 months ago
уже разобрался, однако все равно благодарю)))
Coul193 8 months ago
выложи собственный код написанный там и усвоит что не этак с ним
Nino Vakhania 10 months ago
Мб естественно я одна такая не внимательная, однако Вы убеждены что прописывайте коды в поле <form> </form> ?)))
Lo'Gosh Stivenson 11 months ago
не вышел сброс
Алексей Жилов 1 year ago
Спасибо, посодействовали!)
Канал Дарка 1 year ago
А будто розместить кнопку на веб-сайте? (она лишь збоку)
Едуард Котов 1 year ago
Не усвою для чего задавать якоря в кнопках атрибутом name= кнопка ? За что он отвечает , ведь перебегать на этот якорь кнопки , мы точно не будем.
dron 2013 1 year ago
ахахха фуууу
Ростик Петренко 1 year ago
а где в коде видать, что кнопка с изображением отвечает за те самые функции, что и обычная кнопка выслать ?
#I Stalin 8 months ago
Мы еще в <form> указали PHP ссылку. Туда идут все требования с всех кнопок
Kenny Morkovka 9 months ago
Дельный проблема. Вы разобрались?
TheMariLy88 1 year ago
будто сделать кнопку вспять ???
CardRoy 1 year ago
В смысле вспять?) На другую страничку? Если конечно, то для чего для тебя использовать такие кнопки? Используй тег а и оформи его в css. Можешь добавить изображение и т.д.
Take a step forward 1 year ago
y меня смотрится будто текст что мастерить?
Алия Гарипова 28 days ago
этак и кушать
Софья Игнатьевская 28 days ago
необходимо чтоб файл form.html находился в папке html
Алия Гарипова 1 month 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 27 days ago
Кнопкой может быть хоть вся страничка. По сущности кнопка - элемент, на какой мы программируем обработчик нажатия. И в обработчик мы пишем логику - что надлежит выполниться, когда нажали на кнопку. Есть стандартное поведение - тег form(в аттрибуте указываем способ и адресок передачи данных, введенных снутри формы),этак же снутри кнопка ввиде тега input с аттрибутом type=submit
Влад Борисюк 6 months ago
А то что ета картина в теге <form></form> запечатана и все что в етом теге относится сюда
Влад Борисюк 6 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>
PowerGirl - лечебная косметика H&M 1 year ago
+Diamonds Trump тоже любопытно, покамест сама не додумалась.
Diamonds Trump 1 year 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 2 years ago
Пожалуйста помогите, я желаю чтоб когда кликнуть на кропку открылась новенькая вкладка а когда он закроится кнопка не работала. Как ето сделать????? 
Mr. Grand 3 years ago
Блин он в каждой серии про CSS гласит этак что аж хочеться html проглядеть и шагать далше про CSS глядеть? Но ребят что полезнее html либо CSS????
Dark Crafter92 2 months ago
Если вернее толку вообщем не даст.
Coul193 8 months ago
CSS отвечает лишь за прекрасный облик странички, а что бы на странички было что мастерить прекрасно с помощью CSS нужно сначало написать что-то чрез HTML, CSS обучать без познания HTML не достаточно толку даст
Ivan Zaycev 9 months ago
они бессмыслены товарищ без друга
Андрей Шалепа 3 years 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 3 months ago
А в чом было вина ?
Хороший Человек 9 months ago
Уже разобрался. Спасибо!
Ivan Zaycev 9 months ago
закрытие </form> необходимо прописывать потом кода кнопок
Хороший Человек 9 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
не работает кнопка выслать
Айхан Нагиев 27 days ago
благодарю профукал этот момент ((
Pavel Osypov 1 year ago
+Андрей Шалепа Спасибо все заработало! =)
Viktor Galinger 2 years ago
+Андрей Шалепа у меня также, не углядел)
Илья Егоров 2 years ago
+Андрей Шалепа я тоже этак 30 минут времени растерял.
elenka foxx 2 years ago
+Андрей Шалепа благодарю!
Ярослав Макарьевский 3 years ago
Спасибо, весьма посодействовало, а то в учебнике по информатике про <p> и </p> около кнопки Отправить дудки. Вот у меня и за лазило всё обозначение кнопки Отправить на текстовую рамку! Ещё один благодарю!
vse slozhitsa 3 years ago
благодарю большущее а доступность и простоту.
Татьяна Снегирь 3 years ago
Все спрашивают где эти дополнительные материалы , если глядеть с 1-го урока не торопиться, то Евгений все озвучивает где что и откуда!
Татьяна Снегирь 3 years ago
Сюда зайдите и скачайте видеокурс там кушать папка dopmat
Максим ткачов 3 years ago
А где ети дополнительные материалы?
Ваня Бабич 3 years ago
Максим ткачов 3 years ago
А где ети дополнительные материалы?
Кирилл Бодров 3 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
Форму не закрыл Форма должна обхватывать все поля и кнопки!
Вячеслав Иванов 4 years ago
Я сделал уже несколько один кнопку скинуть, инспектировал, пристально, однако все же не чего не выходит. Сброс не работает попросту нажимаю не чего не происходит. И с отправкой этак-же нажимаю не чего не происходит! Все эти два курса я все пристально делал и все выходило + к этому я не могу воткнуть кнопку выслать в виде рисунки, она у меня не отображается, не подскажите что мастерить?