Send emails from a HTML Contact Form
HTML-код
- Опубликовано: 3 мар 2021
- ⭐ Sign up for my Full Stack Developer Course: www.codewithania.com
In this video I show you how to create a working contact form in HTML. This contact form will send emails from your website, to your inbox.
Other links:
In this video I use Tabnine as my A.I autocompletion tool. You can download it for free here: bit.ly/tabnine-free
If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoffee.com/aniakubow
-Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
For this video, I used FormSubmit. They are a free service so if you like what they do and would like to sponsor them, please visit: formsubmit.co/
___
⭐ New to code and none of this is making sense? Watch my '12hr+ RUclips Coding Bootcamp' in which you will learn HMTL,CSS and JavaScript Fundamentals completely from scratch. It's on my channel and its 100% free.
⭐ In most videos I use Tabnine as my A.I autocompletion tool. You can download it for free here: bit.ly/tabnine-top-tool
⭐ You can get a blockchain domain with my affiliate link here: bit.ly/get-a-crypto-domain
⭐ If you would like to buy me a coffee, well thank you very much that is mega kind! : www.buymeacoffee.com/aniakubow
⭐ Sign up for weekly coding tips from my newsletter partnership: bit.ly/JS-tips
You can also find me on:
Twitter: / ania_kubow
Instagram: / aniakubow
#codingbootcamp #coding
Brilliant. Exactly what I was looking for. A short video to the point with a straight forward nice use case for me to build from. Thank you so much!
You are one of the best instructors in the coding profession, and you should do more videos. You come right to the point without a bunch of promotion fluff. In addition, the points of your presentations remain simple, and are as practical as they are simple. Keep up the great work and please do many more videos.
One feature you might want to add to this vid is that FormSubmit will send you a random-like string to replace your naked email address in the action attribute of your form. This will give you yet another level of security hiding your email completely from DEVS or anyone snooping in the code.
Especially all them damn hackers or scammers
Absolutely fantastic! So simple, yet all the videos and articles I saw were all so complicated, or just lacking the actual "submit" part! Thank you.
Miss Ania, I'm still learning about HTML, CSS, and Javascript from your 12hr+ coding bootcamp and knowing that you put this type of content here on RUclips is a big help for me that is still starting out to become a web developer. More power to you, Miss Ania.
Thanks so much for doing the bootcamp with me James! Such an honour to have you onboard :)
Sen ne zaman geleceksin ona gore de beni 11
I love the simplicity and directness, Keep up the good work !
That was the easest way that I've saw on how to send a email from the form. Thank you very much Ania!
youre very welcome!!!
*Ania, you're a wizard! Your video just saved me so much time that I feel like I have a secret time-turner stashed away somewhere. I'm pretty sure my productivity just went up by 300%, and my boss is going to think I'm some sort of work superhero. Thanks a million!*
Like a lot of others have commented on here, this has saved hours of messing around with php, postmark, 3rd party apps and email servers, not to mention the tears of frustration.
A big thank you!
🥰
Thank you so much Ania, you are great! I was searching for this to make a functional form on my portfolio website and this was the easiest way to submit a form to my email.
Ania, jesteś wielka! Tego mi było trzeba, drugi raz ratujesz mój kolejny projekt 😁
Wszystkiego dobrego!
Every Single person building a contact form should watch this video! YOUR THE BEST!! :DDD
Dear Mrs. Kubow, Thank you so much! Still working with it but you put me on the right road! Thank you so much and may God bless you tremendously today!
Your lessons are a blessing.. Keep up the good work..
I had on my todo list to find a simple api-based contact form solution. Your timing is impeccable.
I’m glad I could help :)
Thank you so much for this. I spend over an hour trying to get EmailJS to work with no luck. This worked for me!
Thank you so much!!! spent almost 3 days searching for something simple and straight to the point like this!!
I’m so happy I could help! If there is ever anything Else you would like me to make, please do let me know :)
Thank you so much Ania! I've been struggling with this and this was so clear! Please keep posting and helping us to the next level! You're making development fun, easy and straight forward.
Exactly what I wanted to do, everyone is using Firebase or some node module to do such a simple thing, you saved me a lot of work!!
Simple and straight to the point, thank you Ania!
This is a very nice addition to front end projects that can use this documentation to leverage the backend processing of the microservice you showed. Brilliant demonstration.
OMG thank you again, love watching your video's on coding as they always help me out.
I’m in bootcamp right now and googling so much stuff on my “off” time to teach myself how to do things & your videos have been so helpful! From one woman coder to another, thank you so much!! Your tutorials are clear, concise, and easy to follow. 💖
Let's do this!
Wow, I have been looking for this simple of an explanation of this for so long. Thank you so much for this!
You’re so welcome 🤗
Obejrzałem kilkanaście tutoriali jak zaprojektować formularz kontaktowy i dopiero u Ciebie jest to wyjaśnione w przejrzysty sposób. Dzięki Ania 😎
Straight to the point, gets the job done. Thank you.
This is by far the easiest method for creating a contact form. Thank you so much!!
I have not enough words to thank you! Really!!! This video was an absolute time and struggle savior! I love it! If i haven't find it, i would probably write real back-end to do that for at lest few hours or days! But with that, it took me up to 40 minutes with all the customization. THANK YOU! I subscribe for this channel!
This is exactly what i needed. And you are absolutely right about the part that there's not that much info on form submission around the web..TY!
This video was exactly what I've been looking for! Thank you Ania!
I was going crazy with submitting the form to my email. Thanks a lot Ania.
Thank you so much Ania, tbh I was a little anxious to do my contact form but this solution is so simple and easy to do! Phew! xx
You saved my week, I went crazy looking for a solution because I didn't want to use php, thank you so much!!!. Greetings from Argentina..
So excited about your channel! I am owrking on your tutorials during maternal leave xx
OMG! I love you xxx. I have spent so many hours trying Java, php etc and this is the first one that actually works and probably the easiest too. Thank you so much.
Thank you so much!! for this tutorial was looking for this from such a long time!! Much love Ania
Thank you Ania, I follow your channel for a long, but this is the first time I'll really use something in my work, It's perfectly what I'm in a need now... have a great weekend...
Thank You Ania for your beautiful video. So many videos on youtube has contact forms but does about its response. Your video is perfect for the response I wanted and very easy to understand. Brilliantly done again. Thank you a million timesvover. 😊
Thank you Ania! I needed to know how to do this! You are awesome!
Quick easy and very informative! Keep up the great work! I will also admit, your eyes are very mesmerizing as well, but what really gets me is the fact you like to code games!
This is exactly what I wanted for beginner web developers! Something easy to start up and to get things rolling! Instant subscribed and liked! Lol
Thank you so so much for this. Genuinely relieved I found exactly what I needed.
Thank you for making this so easy to follow and understand!
Thanks for sharing this, Ania! I did something similar with Netlify Forms to a React project and a Next.js project, but this is another fantastic option to have that saves us from having to deploy a back-end.
You are so welcome !! I’m glad it has helped :)
Your tutorials are always the best! Thank you for providing helpful information :)
Excellent!! this was what I was missing!! Thank you so much Ania
This worked perfectly and was easy to set up, many options I haven't tested yet. Thank you!
This is fantastic, thank you for the breakdown
you're born for this, love the way you speak :D
Fantastic! Thanks for sharing! Very helpful for us front-end developers/web designers
wow! Thank you so much Ania, you saved me from a lot of trouble. Keep doing the great work.
Thank god someone with the sense to show how to actually create a contact form that ACTUALLY WORKS!
Thank you for such a valuable information, I was stuck for days to solve this issue for my client. Today i did it in matter of 30 min. Please keep uploading such useful information. Research & find what are issues freelancer face, those who are not hard core coder. You will find tones of topic to make videos on.
Thank you again!
I’ve only learned python so far but I am enjoying your videos on HTML!
thank you so much, Ania!!, I was able to put my CSS into your tutorial now it looks very professional contact us page. I was looking for youtube but your tutorial is the best ever!!
Thank you for this video... It helped solved a problem I've having for a couple of days
THANK YOU!!!! This video was great. Simple, clear, and right to the point. 😁
Magic, fast and a fullon wonderfull solution. Well done Ania. THANKS THANKS THANKS
Thank you soo much.I was just looking for a video like this on eit solved all my problems regarding forms .thanks alot
Amazing, I went through the entire internet at last, found something that'll work 🙂😅. Thankyou so much Ania
been looking for something like this for a while now.. Amazing and delicate video !! thank you
Thanks so much that’s so kind of you! 💚
You are live saver. Helped a lot to me. Much better than the rest I used before.
Hi just wondering, does this work with uploading attachments? ☺
ruclips.net/video/xca5noPDvDE/видео.html ruclips.net/video/xca5noPDvDE/видео.html
You should follow this specially for javascript html css. Contact form design , node api.
@@martynbirdem189 That video sucks what are you talking about
Amazing! Works perfectly. Thanks for the tutorial!
This was cool. I didn’t know about form submit! Thanks for sharing
Very helpful! I literally got the answer in the first 2 minutes itself! Thankyouuu
Danke! Lot less hassle and works like a charm! Liked and subscribed!
Thank you so much for this tutorial!!!
I've been looking for some solution on the contact form for my website, and it helped me a lot!!!
Thank you, thank you, thank you !!!
Thank you, this is what I was looking for!
Well done! You know what people are looking for. Keep it up!
This was awesome got a little bit confusing in the end but I still loved thank you.
I liked while waiting for the video because your content are always great
Thank you for a tutorial that is simple and to the point! Love your videos. Also, could you teach us to make a hidden object game?
Thaanks you helped me that mutch i struggled for hours before. In the beginning i thought this is too easy but it works 👍
EXACTLY what I needed, thank you!
You heard what I really wanted. Loved it. Why is this channel so underrated :((
Omg these eyes, I'm getting lost ! Thank you for the great content ANIA KUBOW
Thanks for watching
Thank you so much for this video. Exactly what I was looking for! Really helped me a lot.
I LOVE YOU FOR THIS. you just made my life easier.
Great video! Thank you so much, Ania!
Epic! Exactly what I've been looking for 🤜🤛
Watching all those videos on making PHP contact forms 😢. This was so much simpler! Thank you. Subscribed!
Exactly what I needed. Thank you so much!
Seriously, thank you! There are NO vids on how to connect the forms once you've created them! Bless you lol
U just saved my final year project
I was able to do it thank you very much, I´m very happy right now
This is exactly what i was looking for, thank you !
I LOVED this tutorial, to the point, YES! more!
Thanks for this, exactly what I was looking for as a newbie in webdev :) Just implemented this in a website and that's working perfectly !
Thank you Ania Kubów
Thanks you Ania. This video useful for my project..
I created the contact form in Webflow, and then I embedded the action code, and it worked!
thank you so much.. i cant describe how much it helps me today.. big thank you
A.M.A.Z.I.N.G. - Been struggling for weeks with a bloody PHP script and here's the solution. Just like That! THANKS
So incredibly helpful - thank you so much!
Smart and beautiful. Thank you so much Ania for breaking the stereotype that you can only be either
Massive respect to you girl, I was looking for something like this and bumped into you with this video. I think the whole universe was conspiring for this moment, 😅😅 jokes apart keep up the excellent work.
Thanks so much have been looking for such a solution.. Works perfect!
Great you have solved my problem. Thank you so much Ania.
Just added this contact method to my portfolio, thanks!