How to Make a Contact Form Html CSS | Day 27 /. 60 Day CSS
3Main Topics Which We Will Cover in This Video Are:--
1. Contact Us Form Using HTML and CSS
2. Contact Form HTML CSS
3. Responsive contact form using HTML and CSS
4. Contact us from in HTML and CSS
5. Contact Form Using HTML and CSS
//// JS Script ////
const inputs = document.querySelectorAll(".input");
function focusFunc() {
let parent = this.parentNode;
parent.classList.add("focus");
}
function blurFunc() {
let parent = this.parentNode;
if (this.value == "") {
parent.classList.remove("focus");
}
}
inputs.forEach((input) = 'right angle bracket her' {
input.addEventListener("focus", focusFunc);
input.addEventListener("blur", blurFunc);
});
//// JS Script ////
-&&-
💹▶JavaScript version ES5,ES6,ECMAScript 2016--2020..
https://www.youtube.com/playlist?list=PLs_t_Fvl4WjjsPjvzRr7Z7ITrINHIjoPn
-&&-
💹▶ 60 Days CSS Challenges - https://www.youtube.com/playlist?list=PLs_t_Fvl4WjjytYQ_KKPVgwcLbutASo62
💹▶Local Storage & Cookies Storage & Session Storage - https://youtu.be/zbTKN2gwrj0
💹▶ Advanced CSS Course - https://www.youtube.com/playlist?list=PLs_t_Fvl4WjgDps9WOYJz28Y-SVzUBiCZ
💹▶ 60 Days Challange of JavaScript - https://www.youtube.com/playlist?list=PLs_t_Fvl4WjjKrSgI4R1WtVlYTJJWlT8p
💹▶ Complete WordPress Course - https://www.youtube.com/playlist?list=PLs_t_Fvl4Wjj_kl2Fkp6x2gKNiEE4aMzb
💹▶ Advanced JavaScript Tutorial for beginners in Hindi / Urdu 2021- https://bit.ly/30FtskH
💹▶ HTML Complete Course - https://bit.ly/3eBhfWu
💹▶How To embed video or audio in HTML - https://youtu.be/S5oAvGyMOm8
💹▶How to make portfolio section in HTML CSS - https://youtu.be/J7zRi1t6_g4
💹▶why and how we use box-sizing in CSS - https://youtu.be/kHIvpv6CYKw
💹▶how to use CSS columns for making newspaper blog section - https://youtu.be/GWGDxNZ-XzE
💹▶Complete Flexbox tutorial with Responsive image Gallery with Flexbox - https://youtu.be/sKq0DbZ1XqE
💹▶ Complete CSS Basic Tutorials- http://bit.ly/3eAa14M
💹▶CSS Advanced Topics - http://bit.ly/3tgk5Ea
💹▶Responsive Website Layouts Tutorials - http://bit.ly/3cpO6L2
💹▶ All Live Previous Live Meetings Ans&Q.s Problem-Solving HTML CSS
- http://bit.ly/3bEu0NX
💹▶ HTML Form Crash Course - https://bit.ly/3rPIyjG
**FIND ME ***
💹💹▶Facebook:- https://web.facebook.com/Creative-Babar-105163168314727
💹💹▶Instagram:- https://www.instagram.com/creativebabar/
💹💹▶Linkedin: - https://www.linkedin.com/in/creativebabar/
💹💹▶Website:- http://creativebabar.com/
💹💹▶GitHub:- https://github.com/Babarali34