How To Make A Contact Form Using HTML And CSS - Easy Tutorials
HTML-код
- Опубликовано: 25 окт 2024
- Learn How To Make A contact Form Using HTML and CSS For more videos on HTML and CSS and Website Development,
❤️ SUBSCRIBE: goo.gl/tTFmPb
❤️ Complete website Using HTML and CSS
✔️ 8 Complete website step by step
✔️ Source Code Download
✔️ 76 Lectures, 12 Hours Video
✔️ Course Completion certificate
👉 easytutorialsp...
In this video you will learn to create a contact form or inquiry form using HTML and CSS. I have added Name, Email and Message filed in this contact form and a submit button.
IF YOU NEED THIS HTML & CSS CODE THEN COMMENT BELOW
In Next video i will show you how to link your email id to this contact form and receive inquiries on your email from this contact form.
-------------------------------------
Best hosting up to 60% off (coupon- EASYTUTORIALS)
👉 easytutorialsp...
Affordable hosting up to 91% (coupon- EASYTUTORIALS)
👉 easytutorialsp...
My recommended tools and tutorials
👉 easytutorialsp...
---------------------------------------
Watch Similar videos
---------------------------------
Create Image Gallery using html and css • How To Create Image Ga...
Login & Registration Form Design using HTML & CSS
• How To Create Login & ...
Make a Webpage with HTML and CSS
• How To Create A Websit...
Like - Follow & Subscribe us:
---------------------------------------------
► RUclips: goo.gl/tTFmPb
► Facebook: goo.gl/qv7tEQ
► Twitter: / kravinash01
Thank you...today I practiced this 😅😅😅🤝 see you in the next video
i figured out how to have partially transparent backgrounds because of this, thanks for the help
which video is to enter the email that is required by send message?? looking forward to hearing from you
Brother you can use sublime text for coding it will make your coding simple just try it
An excellent tutorial. However, after following your instructions very carefully and reviewing them several times, my image did not show and neither did the "Submit" button appear in any color. Please advise.
Thanks for the tut, the content was fresh and so easy to understand. I really enjoyed watching :)
Thanks Eunice Harkness, for your comment
Php msql its the best
I watched your 2nd video and everything is working well now. Many thanks!
Very useful video. Thank you!
thank you for such an easy and wonderful video
My Name is also Vikas. I am proud of you.
Hi thanks so much for the video. Really Helpful only thing is for some reason the transition isn't working for me. transition: all 5s ease-in-out; ...is there something i am missing?
very good job with the tutorial! could i get the code please ? need it for a project
I enjoyed wathing, but can you tell me where is the code that checks if the e-mail or name is in right format?
Thank you! Really helpful! Would it be possible having the code??
Can you also make a video on how to handle css external stylesheet errors, please
Please link to the next video to make it functionality please help sir 🙏🙏🙏🙏
here it is: ruclips.net/video/Iv93yjdvkWI/видео.html
@@GreatStackDev thank you 😅🤝🤝🤝
very good thanks
Can you put it as a download file? Like let me download the html coding you did?
Hi I watched your video tutorial and it’s really great i already subscribed to your channel so that I’ll able to get notification once you uploaded new video, if yo don’t mind can I get your source code as my reference I’m learning HTML thanks in advance.
can you pls give the whole code. great video.
Thank youuuuu I needed this for my project
What Software Do U Use?
Thanks. What mic do you use?
please upload Next video where you will show that how to link email id to this contact form and receive inquiries on email from this contact form. i am waiting sir.
Sure brother, I try to upload this week, Thanks for watching
Needed this for my project due tmrr
And I need the html and css code for this
Thank You bro. You help me a lot. Hope to see more tutorials. Good Work.
Please send me the 2nd video link... I can't found.
Hi thanks for the tuto, my transition ease-in-out is not working, do you have an idea where it could come from ?
I need the code for my school project thank you!
Hi Jem Paula Capuno, Sure i can send it on email. Thanks for comment
Thank you 😊
Here is my email address paulacaparasmiaco031011@gmail.com
Sent!!
@@jempaulacapuno4598 send your code in email please
my email : sreenivasachari1995@gmail.com
This is very good video with a simple explanation
Thanks in advance.
May I know which editor are you using for writing html Code
he is using sublime text on mac
I'm having trouble with the vertical alignment. The textbox is not aligned because it's on the same line as the submit button. Haven't found a solution yet. This occurs when the screen size of the website stretches out to near full screen.
Hi Friend, Please check the new tutorial of how to make contact form. ruclips.net/video/4cr85kvM8I0/видео.html
Can u do a tutorial video explaining how to add information on the website?
Hi i dont need a code i have a pause button. :) Just wanted to say thanks alot, for the entertaining video. pls ignore mistakes. *btw liked and subscribed
good afternoon sir can you give me this whole design code because i will do it thank you.
I'm confused why a lot of your HTML tutorials didn't use doctype html?
Why is everyone asking for the code? Just copy it as he writes it, you'll actually learn that way.
Absolutely right Andy D edu, if some one really want to learn, then they should watch video then try making it by their self. Thanks for comment
What is better ios or windows for write code?
Anyone you can use...
@Nicolas DosSantos Ferreira There are a lot of keyboard shortcuts for OS support.apple.com/en-us/HT201236
Ok wheres the next video on "receive Inquiries on your email from this FORM"? ??
ruclips.net/video/Iv93yjdvkWI/видео.html
Great video
Everything working perfectly fine
Can you please add one more field for "Mobile number" please.
Reply awaited.
Dear,
just add:
I followed everything you did but when I type something in the Name or email or message, I do not see the message I am typing unless I highlight it. How do I make sure I can see the message I am typing.
Iam waiting the next video
Nice, plz make a video on python
can u pls send me this code.i need for school project.
thank you
thank you so much for sharing this video! It helped me a lot. :)
Is this only valid for sublime text?¿
Hi Hazeeq Zulhusni, You can use any text editor. Thanks
Hello bro can you send me the code? I want to use it on my website and the how-to receive inquiries on your email from the form please assist.
i had a problem where u have to add a "background-attachment: fixed;" , while in this tutorial he didn't had to add this property >? can someone tell me what was that problem and why it happened to me ?
Can I have a copy of your codes?
hi. thanks for the video, can you send me the code please?
I have the exact same code and the form does work but it doesnt ease-in-out ??? help
Yes I want learn how to connect this form and get navigation
thank you so much for this! it helped a lot 💕
please provide me the link of next videoes.
Hi Pradip, watch it here: ruclips.net/video/Iv93yjdvkWI/видео.html
@@GreatStackDev Thank you
I want code to copy plz write it in your video discription plz
Hi i can share you this code on email or easy tutorials FB page, Thanks
plz give me html css coding of this contact form....thank you...or is it responsive contact form?????
Can I get this for a project
Great video. Thanks for the tutorial!
Thank you so much
Hi, can I get the code please?
Where can i get the code?
Text area placeholder not appearing. Why?
How do i add the photo background? I tried inserting my own pic into the url....but no success. I'm new to coding. What am I missing?
Add this Coding in your css file...
header{
background-image:url("img.jpg");
/*img is name of any image that you want to use*/
height: 100vh;
background-size: 100%;
background-position:center;
background-repeat: no-repeat;
}
@@Ibrahim-ue8ok still not working
@@adamkhattab Did you put the image on same folder?
@@adamkhattab Secondly, if you're just copying the exact code then you should rename the image as "img.jgp"
@@Ibrahim-ue8ok i got it working
thnk you
Hii,
When you upload next video(form validation)?
Write php and JavaScript ...
thnks ... but how to link our email id to contact from ?
Hi Rahul, You can link this contact form to email, watch this tutorial: ruclips.net/video/Iv93yjdvkWI/видео.html
How do I add an upload button?
Could please email the source code (HTML and CSS) for this form?
Thank you,
Can I get the code please as I am not getting the same result?
thank you for the nice work . greetings
I would love to have this html code!
Can you send me this code if you can? Thanks
My submit button isn't changing with the CSS applied
How to change the "YOUR NAME", "YOUR EMAIL" and "MESSAGE" color to white? :o
can i please have the pic that you used
Hello, can I have the code please??
Thank you
Hi Josh Lambert, I can send this code on email or easy tutorials FB page. Thanks
@@GreatStackDev Thank you so much! The video was very helpful.
Email is: gond123409@aim.com
Cheers
Where the message will go???
thankyouu
Thank you! But how do we make it work?
I will work with php code, I ma creating video for that, I will upload soon. Thanks
I want to have the code. pls.
Hi can i have the css code??
NEED HELP:css not working on my android plz tell what I do
do it on pc android it didnt work
How do make this "please include an '@' - 13:25
would u give me this source code plz?
Hii sir please send me source code of this contact form
i need the code i have no results in changing thesend message button and i have no 4s ease in and out
Contact US
body{
margin:0px;
padding:0px;
text-align:center;
background:linear-gradient(rgba(0,0,150,0.5),rgba(0,0,50,0.5)),url(contact.jpg);
background-position:center;
background-size: cover;
font-family: sans-serif;
}
.contact-title{
margin-top: 80px;
text-transform: uppercase;
color: white;
transition: all 4s ease-in-out;
}
.contact-title h1{
font-size: 32px;
line-height: 10px;
}
.contact-title h2{
font-size: 16px;
}
form{
margin-top: 50px;
transition: all 4s ease-in-out;
}
.form-control{width: 600px;
background: transparent;
color: #fff;
border: none;
outline:none;
border-bottom: 1px solid orangered;
font-size: 18px;
margin-bottom: 16px;}
input{height: 45px;}
#test{
background:orangered;;
border-color: transparent;
color: white;
font-size: 20;
font-weight: bold;
letter-spacing: 2px;
height: 50px;
margin-top: 20px;}
Say Hello
We are Always ready to serve you!
I need coding to receive enquiries on my email from this contact page .... please give me quick reply.
Hi Friend, Here you can learn how to receive inquiry on your email from this form: ruclips.net/video/Iv93yjdvkWI/видео.html
Hey Bro, please give us the html of this form
could i have the code please
Hi mate,please can You send me code for this form?
Hi Ålex Blomqvist, i can send you this code through email or Easy tutorials FB page. Thanks
Please send me the code.
I need it very urgently!!!
sir i need code for this
Hello bro! I want the code plz.
Doesn't work for me! WHY?! Can you please share the code?
can you please provide me this html and css file
I need this code. Please send me.
hello! can you send me this code pls? thank you
it worked perfectly but with no animations at all (no idea why) :(
Same here bro!!!
can you give link
i want this source code please sir
i wona thanck you very much i love it
Thanks Serian Aqqad
how to store this data in xampp server