#2 FORM / Вкладки на CSS и JS

Это второе видео из серии уроков где мы делаем форму. В данном видео реализуем логику переключения вкладок между собой как на #JS так и на #CSS.

Продолжение:
►#1 FORMA на CSS / Предварительная разметка -

Поддержи канала материально:
WMR - R165181087249
WMZ - Z138569415925
Яндекс - 410011610186118
Сбербанк - 4276-3000-2291-1211

Во время урока я использую:
Документацию по #CSS3, #HTML5, #JS
Редактор #PhpStorm

*Видео метки*:
[00:52] - Вкладки при помощи JS
[01:20] - Проверка подключения jquery
[03:54] - Вкладки при помощи HTML и CSS

*Другие видео на канале DWSTV*:

Добавляйтесь к нам в друзья:

Мы очень рады если видео "#2 FORMA / Вкладки на CSS и JS" Вам понравилось, хотите "поблагодарить" жмите кнопку "нравится" и скиньте ссылку на урок друзьям. Это и есть самая лучшая благодарность, а также мотивация продолжать записывать обзоры и видео-уроки как по #CSS, так и другим #WEB разработкам.

[denisgorelov]

=== Уроки из данной серии ===

=== Схожие уроки по теме Форма ===

[dvslxhd]

Доброго времени суток, Денис хочу сказать вам большое спасибо за ваш труд, очень при очень нравится ваш канал ! Ваши уроки очень сильно мне помогают, смотрю их с удовольствием !!! Даже вот счас собираюсь учить JavaScript на вашем канале, не знаю чтоб я делал без этого (супер, мега, ультра классного канала !!! ))))

[smiletime]

Денис ты просто крут! Я как новичок восхищен твоими навыками. Продолжай выкладывать видосики.

[_Fantom_.]

Отличный и мега- полезный урок, спасибо Денис!.. (Реализация переключения вкладок, на js для более продвинутых, проще и понятнее на css)

[dreamer]

Умеешь заинтриговать, щас будем думать. Спасибо за ещё одно полезное видео

[jubposo]

Спасибо большое Денис! Очень доступно и супер понятно объясняете! ;)) Всем советую ваш канал!!!

[gbat]

Спасибо большой за отличный урок! Все невероятно просто (реализация) и понятно! Только подскажите, что за редактор используете, и как такой удобный autocomplete настроить?

[BROnik]

очень крутые уроки, жаль только что так редко

[dndmtro]

Я вчера сам сделал переключение вкладок и плавающий текст(Просто было лень ждать 2 видео )

[Vladikslavik]

Очень просто - добавить в функцию jQuery
Обязательно сделайте урок по красивому выводу ошибок в этой форме при неправильном заполнении. Лучше ошибки проверять серверным скриптом (PHP) и передавать их клиенту в формате JSON. Или AJAX выходит за рамки ваших уроков?

[kondormitrandir]

привет, подключил jQuery, подключил скрипт, но почему у меня не работает js? создал другой документ чтобы затесить и черещ алерт проверить работает ли js все норм, но именно тут не хочет

[kondormitrandir]

и еще делая как у тебя, у меня переключение кнопок происходит по другому, tab active если указан к одному из 2 полей, он не пропадает при переключении просто 2 вкладки белые, и если убрать active то все норм
, не знаю как исправить чтобы было как у тебя

[kondormitrandir]

и еще подключая js скрипт после link его в коде вообще становится не видно

[irndmjb]

Слушай, а давай ты сделаешь блок (типа alert, с кнопками и инпутами и т.д.) и стилизуешь его, ладно?)
А то у меня идеи для стиля кончились :|

[boscosport]

Подскажите почему в форме авторизации к инпоту password не работает :invalid (когда заполняешь поле и после убираешь фокус, не отрабатывает правило )

[ukraine_on_fire]

У Вас бесподобная анимация, но я искала анимацию на чистом javascript и не нашла, приходится учить jQuery а не хочется.

[skeelo]

Подскажи что делать, php файл не видит javascript

[ukraine_on_fire]

Я CSS пропустила а jQuery перевела на чистый JavaScript:
var header = ");
var btns =
for (var i = 0; i < btns.length; i++) {
btns[i].addEventListener("click", function(){
var current =
current[0].className = active", "");
this.className += " active";
});
}

[yopbgfj]

Конечно js, и так хватает костылей =)