How To Create Working Contact Form Using HTML & CSS | Receive Contact Form Data on Email

Поділитися
Вставка
  • Опубліковано 7 лис 2024

КОМЕНТАРІ • 422

  • @audraogilvy4781
    @audraogilvy4781 8 місяців тому +28

    omg - thank you so much!! This has been one of the most helpful videos I've ever found. I've been struggling with a solution to a site I made, and this was the answer! Hallelujah! It works great!!!

  • @sheridanantwi2063
    @sheridanantwi2063 9 місяців тому +14

    Thank you so so muich man, i was struggle to find a way to receive emails from my contact form and you made it soo easy and saved so much time. Thank you!

  • @Juwonempire
    @Juwonempire 10 місяців тому +14

    Please I will want you to do a video on how to not give up or getting tired on this field.

  • @pragya2550
    @pragya2550 8 місяців тому +4

    Thank you so much
    I have been struggling for this from many days ... but can't do it ..although after watching this video I can do it simply ..
    Thanks again

  • @ITS_RAFID_BRO
    @ITS_RAFID_BRO 3 місяці тому +1

    I don't know how much a 16-minute video worth for me!!!!!!!!!

  • @CodeCraft-u7q
    @CodeCraft-u7q 12 днів тому +1

    you are the king of coding god bless you

  • @abhijeetsharma8681
    @abhijeetsharma8681 3 місяці тому +5

    i usually dont comment but bhai jo cheez mujhe shikhna thi 3 saal se vo tune 3 min me shikha di hats off buddy continue @greatstackdev

    • @GreatStackDev
      @GreatStackDev  3 місяці тому

      Thank you Abhijeet. 😊

    • @abhijeetsharma8681
      @abhijeetsharma8681 3 місяці тому

      @@GreatStackDev bro you are literally humble man...! can we connect on social media

  • @boopathiselvakumar8657
    @boopathiselvakumar8657 9 місяців тому +3

    My first Project in HTML & CSS. Thank you bro

  • @MakeuPerfect
    @MakeuPerfect 10 місяців тому +8

    please make a complex react project with beautiful UI, animation (using library), authentication etc. so that we can learn lots of features in one project

  • @Juwonempire
    @Juwonempire 10 місяців тому +42

    Love this form Nigeria

  • @arpitasengupta4430
    @arpitasengupta4430 10 місяців тому +4

    Thank you.. I needed this video the most... I have been using google forms on my website😅

    • @juanmacias5922
      @juanmacias5922 10 місяців тому

      lmfao that's what I did! I was using the post method from their "filled in" forms lol

  • @Nusah9
    @Nusah9 10 місяців тому +7

    very simple and easy to understand thanks a lot

  • @enesaliev
    @enesaliev 6 місяців тому +7

    Man I've always been looking for this tutorial thank you so much! Now I can attach similar one to my portfolio. Than you!

  • @Anonymous-playlist
    @Anonymous-playlist 3 місяці тому +4

    Perfect 🫧 tutorial....love 💟 from India 🇮🇳

  • @kurrosenpai_My
    @kurrosenpai_My 10 місяців тому +4

    Is it save? Like doesnt that web3forms going to get our data also before sending us back the email ?

  • @AkshatMathur-c9n
    @AkshatMathur-c9n 4 місяці тому

    Which better method. 'Smtp js' or 'web form method'. Which is secure ?🔐 please reply

  • @riteshpuri8239
    @riteshpuri8239 8 місяців тому +1

    Wow!!! This worked. I am really really thankful to you sir!! You are the best!!!! I have been trying to figure out sending email but you helped me to learn something new here!!

  • @FFGAMING-mm9qe
    @FFGAMING-mm9qe 8 місяців тому +1

    Thank you Brother..This is the most easiest way to submit the Data

  • @xajeebbro
    @xajeebbro 10 місяців тому +4

    Love from Bangladesh....

  • @rohitchaurasiya7661
    @rohitchaurasiya7661 6 місяців тому +1

    Nice bro
    mai itne din se paresan tha but nhi ho raha tha aur aaj aap ki video dekha to ho gya Thanks

  • @guchfun
    @guchfun 2 місяці тому +1

    Thank you for the great video! I like your coding walk-thru of step-by-step adding a CSS class/properties, and then you are verifying the changes on the browser. Very informative and makes it easy to follow along.

  • @salonisonawane4576
    @salonisonawane4576 Місяць тому +1

    amazing thank you i was searching for this since i started learning languages thank you its very helpful

    • @GreatStackDev
      @GreatStackDev  Місяць тому

      Glad it was helpful! Thank you. 😊

  • @ifeoluwasegundaystar9786
    @ifeoluwasegundaystar9786 10 місяців тому +9

    Thank you for taking your time to explain this. I love it! Luv from NG!

  • @vnkt_ayyappa
    @vnkt_ayyappa 10 місяців тому +4

    Hi Sir...!!!!
    Where did you get so good images for making websites and project.
    Thanks
    Your Learner

  • @hilliparterable
    @hilliparterable 2 місяці тому

    Thank you so much for this, I spent 2 days going over everyone else's complex explanations and downloading every program and it was just this simple. I have to watch the rest of your videos now.

  • @Gabrielesyx
    @Gabrielesyx 10 місяців тому +7

    This is a very good tutorial, I learned alot from here. Thank you GreatStack!!!

  • @wvmhx
    @wvmhx 8 днів тому

    Very Clean Explanation and easy.

  • @sarkina962
    @sarkina962 2 місяці тому +1

    How can we reset input fields once we submit the form... Coz after submitting of the form the input fields remains same once we click "go back" of submitted form page

  • @daffo1179
    @daffo1179 9 місяців тому +1

    Thank you very much. I've used my own website and some for of fill up form that I've created on my own. With the help of your video, it was fairly easy to find a way to link the form to my email.

    • @miracle687
      @miracle687 6 місяців тому

      Is there any limits to receive mail?

  • @cockroach-spray4685
    @cockroach-spray4685 7 місяців тому

    Man ur a live saver I’ve been struggling to create mail servers to validate the form I tried to use pure js but it won’t run in browser, so I used node but it still won’t send until today after this video.

  • @huntergames752
    @huntergames752 2 місяці тому +1

    thank you very much. I have been struggling with making a form but this tutorial helped me !!!

    • @GreatStackDev
      @GreatStackDev  2 місяці тому

      Glad it helped! You're welcome. 😊

  • @shahriarislamratul2010
    @shahriarislamratul2010 4 місяці тому +1

    Thank you very much for describe very easily and write very easy code❤❤❤Form Bangladesh🇧🇩 Take love🥰❤❤

    • @GreatStackDev
      @GreatStackDev  4 місяці тому +1

      Glad you liked it. Thanks for your comment. 😊

  • @abdiazizahmedadan9376
    @abdiazizahmedadan9376 7 місяців тому

    thank you teacher i learn may since i start watched your youtube chanel

  • @Albadrawi-k9l
    @Albadrawi-k9l 5 місяців тому

    Thank you so much for the nice and helpful video. I still have a question: When the user comes back to the website, I want the form to be clear after they click "Go Back." How can I achieve that? Thank you.

  • @BrightMattsz
    @BrightMattsz 4 місяці тому

    Much love from Nigeria ❤

  • @ennei6250
    @ennei6250 4 місяці тому +1

    Pure Gold! Thanks

    • @GreatStackDev
      @GreatStackDev  4 місяці тому

      Glad you liked it. Thanks for your comment. 😊

  • @TungjangpoMusic-yq4rf
    @TungjangpoMusic-yq4rf 6 місяців тому +2

    Whether it is possible to make one submit button perform 2 function, sending information as well as redirect to another page that work as a link

    • @samael2187
      @samael2187 24 дні тому +1

      If I am not mistaken you can add a target to the

  • @emmzytee6447
    @emmzytee6447 3 місяці тому

    Thank you for this video, but if I am using a bootstrap template and I want to launch the template online will this same process work or I need to write some other code??

  • @indiandroppings
    @indiandroppings 10 днів тому

    U have explained very nicely... Im very thankful to you. Obrigada!

  • @RajPal-x9o
    @RajPal-x9o 10 місяців тому +4

    Bro where did you get so good images for making websites and project

    • @Ai_growth_01
      @Ai_growth_01 10 місяців тому +1

      I want to ask the same question

  • @M_Umer03
    @M_Umer03 2 місяці тому

    Thank you so much!! This has been one of the most helpful videos I've ever found. I've been struggling with a solution to a site I made, and this was the answer!

  • @meshackmwangi1778
    @meshackmwangi1778 2 місяці тому +1

    This is absolute class😚,Thank You So Much

  • @opoldpapi8923
    @opoldpapi8923 4 місяці тому +1

    Thankyou sir I'm trying and successfully performed

  • @Captainpricegoingdark
    @Captainpricegoingdark 4 місяці тому +1

    thank you very much sir, was finding for such a straight forward video since a really long time

    • @GreatStackDev
      @GreatStackDev  4 місяці тому

      Glad you liked it. Thank You. 😊

  • @SuleimanHajj-b9b
    @SuleimanHajj-b9b 5 місяців тому

    Thank you so much for this amazing method. much better than any other tutorial talking about PHP and JavaScript.

  • @InfoTipsCoding
    @InfoTipsCoding 7 місяців тому

    Love this from India..

  • @mallikarjunareddy4513
    @mallikarjunareddy4513 10 місяців тому +5

    bro make a video on otp to verify the user?

  • @Sriraam_2k3
    @Sriraam_2k3 7 місяців тому +1

    16:01
    This confirmation page will be displayed defaulty based on that submission or it will appear by separate coding... please anyone solve my doubt, I am a newbie in this html css

  • @AjayMaurya343
    @AjayMaurya343 15 днів тому

    Thank for given this knowledge for help full
    I requested you please make a video for fees payment by the qr code for the html and css ❤❤❤
    Thanks a lot ❤

  • @technicalkhan2121
    @technicalkhan2121 12 днів тому +1

    Thanks, IT actually worked

  • @a_programmer1
    @a_programmer1 10 місяців тому +7

    nice ♥ so useful

  • @asriomar11
    @asriomar11 7 місяців тому

    Done.. I modify it with React and works well.. Thanks..

  • @DndrKomik
    @DndrKomik 12 днів тому +1

    Thanks man, you are hero!!!!!!!!!!

  • @cliphord_kapelo
    @cliphord_kapelo 7 місяців тому

    It's a very good and clear tutorial. Thank you. It has worked...

  • @respectzone4221
    @respectzone4221 5 місяців тому +2

    Love from latur
    This is so helpful Thankyou ❤

  • @djidjicheb5648
    @djidjicheb5648 2 місяці тому

    Omg it took me a week to find this solution thank you ❤

  • @thomjz
    @thomjz 28 днів тому

    This tutorial has been so helpful.

  • @girishhakki
    @girishhakki 10 місяців тому +3

    tell me which font theme you used for your VS code.

  • @AdnanKhan-rs5jf
    @AdnanKhan-rs5jf 5 місяців тому +3

    Love you broo to make this 💖 amazing contact us page

    • @GreatStackDev
      @GreatStackDev  5 місяців тому +1

      You're welcome. Thank You. 😊

  • @NotKitsosYT
    @NotKitsosYT 28 днів тому +1

    It's was really helpful Sir but how can we access the attached files, it only shows the name of the file not the actual file

  • @veronica7322
    @veronica7322 4 місяці тому

    This is AMAZING!!! Thank you very much, so useful and the best explanation I've found online and I've been looking for AGES. Thank you once again.

  • @CanadianGuyPeter
    @CanadianGuyPeter 5 місяців тому +1

    This tutorial was very helpful, thank you!

    • @GreatStackDev
      @GreatStackDev  5 місяців тому

      Glad to hear that. Thanks for your comment. 😊

  • @KetPan
    @KetPan Місяць тому

    Amazingly well-made video! Thanks for all your effort.

  • @DreamAustralia24
    @DreamAustralia24 2 місяці тому +1

    wow. This is awesome, I created this, and I really appreciate you.

    • @GreatStackDev
      @GreatStackDev  2 місяці тому

      Glad it helped you. Thank you. 😊

  • @mangatfunnyvelog
    @mangatfunnyvelog 5 місяців тому +2

    thank you so much brother . very help full video

  • @akshaygollapudi731
    @akshaygollapudi731 4 місяці тому

    Thank you so much! So much more useful than ChatGPT!

  • @iqrarajpoot4704
    @iqrarajpoot4704 7 місяців тому

    Assalam o alaikum wr wb.. GREAT Work

  • @vickytricks5730
    @vickytricks5730 16 днів тому

    Only works in localhost or without server, if connected with server it shows cannot process or domain restricted

  • @solomonmwabili6066
    @solomonmwabili6066 16 днів тому

    Thanks lot. Very helpful! Did as you've recommended and it has worked out fine.

  • @GoodDayInMiami
    @GoodDayInMiami 4 місяці тому

    Question: Because we have the access key, will this be viewed if someone was to open the chrome developer tools? Are they able to grab that access key and have the email sent to theirselves instead of the intended user?

    • @idevkr
      @idevkr 4 місяці тому

      they can see access key but can't access the mails

  • @jaarya7
    @jaarya7 8 місяців тому

    Hi, thank you for the tutorial! While i got the email part to work flawlessly, I cannot get the textboxes to reset once the email has been sent, can you please help me in doing so!

  • @meguminagumo
    @meguminagumo 6 місяців тому

    Wow! It worked perfectly! I have tried it on my website. Thank you so much!!

  • @AryanSingh-dr4yp
    @AryanSingh-dr4yp 6 місяців тому +2

    thanks really very much my mate, you got a permanent premium subscriber

  • @syedshishir1098
    @syedshishir1098 9 місяців тому

    it was really easier than smtp
    thank you so much for bringing this type of video!

  • @msolano00
    @msolano00 9 місяців тому

    Much better than the previous one

  • @deemee8026
    @deemee8026 3 місяці тому

    thankyou very much very simple and precise been looking for such videos for so long

  • @theycallmekhizer
    @theycallmekhizer 8 місяців тому

    Really bro its works thanks a lot you teach this without a little bit of backend

  • @john-nath99
    @john-nath99 9 місяців тому +2

    Love the video man. Very helpful. wow! What are the security risks associated with this?

    • @idevkr
      @idevkr 9 місяців тому +1

      If anyone get your access key then also he can"t do anything but he can send multiple spam mails using that

    • @athsarafernando
      @athsarafernando 9 місяців тому

      @@idevkr Yeah, because this is not server side, anyone can get the access code from the source code and spam. for that you can add reCaptcha Integration but you need to have a Pro account. or else you should have a backend based code to be secured.

  • @mafiagamingro9316
    @mafiagamingro9316 7 місяців тому

    I have a question. Is this secure for actual forms? Thank you!

  • @farjanashaik9601
    @farjanashaik9601 10 місяців тому +2

    this was so helpfull tutorial ever

  • @MrKhan-ru6sp
    @MrKhan-ru6sp 10 місяців тому +1

    Thanks for making this video.
    Can you please make a video on building a Crypto app using ReactJS ?😊

  • @YousufAnwar-l4z
    @YousufAnwar-l4z 24 дні тому

    Thank u it help me a lot I have just one problem my api is not working

  • @PoojatheWanderChic
    @PoojatheWanderChic 6 місяців тому

    It is safe to use smtp js for the live website ? It causes any restrictions to our web or after sone usage it needs payment?

  • @GWSG_4
    @GWSG_4 9 місяців тому

    Best yrr. Jay Shri Ram 🚩🚩

  • @rakshithagowda9881
    @rakshithagowda9881 7 місяців тому

    Super, Thank you for teaching us

  • @orves2682
    @orves2682 Місяць тому

    Liked and subscribed!! Thanks a lot for this video!

  • @kandipriyanka15
    @kandipriyanka15 9 місяців тому +1

    thank you for this tutorial, nice .and very clear.

  • @followinglove666
    @followinglove666 9 місяців тому +1

    Sir how do I edit the submit successfully page or it could not editable here ? Waiting for your reply...🥺

  • @Ai_growth_01
    @Ai_growth_01 10 місяців тому +4

    I always watch your tutorial nice job brother❤

  • @Ravish.Lakshan
    @Ravish.Lakshan 10 місяців тому +3

    Nice, very clear 😊

  • @roseakintobi
    @roseakintobi 6 місяців тому +1

    How can I use Web3forms with a checkbox form?

  • @duhundhananjaya8632
    @duhundhananjaya8632 10 місяців тому +3

    Thank you❤😎

  • @AthifaAkil
    @AthifaAkil 4 місяці тому

    Thank you 💫 sir.. it's really working.. it's really most help ful for my project 😊

  • @HimanshuKumarJha-e3q
    @HimanshuKumarJha-e3q 8 місяців тому

    Hello sir, thanks for sharing some valuable content but I have a question will web3forms works with Angular?

  • @smritigupta1468
    @smritigupta1468 Місяць тому

    so this api will be valid for how much duration?

  • @janzeusallenmission4987
    @janzeusallenmission4987 7 місяців тому

    can you apply this method on a "add to cart" situation?

  • @abdurrahmanfaisal4645
    @abdurrahmanfaisal4645 6 місяців тому

    Please give us one video about how to add customers rating in website.

  • @atthecast
    @atthecast 6 місяців тому +1

    it is realy working perfectly

  • @All_Flicks
    @All_Flicks 6 місяців тому +1

    Video starts from 13:57

  • @anusshah9470
    @anusshah9470 6 місяців тому +1

    this is a good video to explain its worked in this code ilove it thankyou GreatStackk!!!!