HTML Form to Mail | Create Full Functional HTML Form Without Any Back-end

Sdílet
Vložit
  • čas přidán 4. 08. 2024
  • This is the day-19 of #30days30submits. Today we are going to make a fully functional html form without any back-end. Hope you will like it.
    🔔subscribe and turn on the notification bell.
    👉 Formspree: formspree.io/
    👉 source code: codepen.io/Web_Cifar/pen/gOrrPpO
    👉 #30days30submits : github.com/ShaifArfan/30days3...
    ✨ Like our works and want to support us? 🚀
    We'd really appreciate a coffee: www.buymeacoffee.com/shaifarf...
    ▶ Also Watch :
    Make a full website with HTML & CSS: • One Page Full Website ...
    HTML & CSS Landing Page : • HTML & CSS Website Lan...
    Mini Project for HTML & CSS : • Responsive Website Wit...
    How To Make A WordPress website: • How To Make A Professi...
    🌐 Join The Community :
    Our website : webcifar.com/
    Facebook Page : / webcifar
    Facebook group : bit.ly/fb-group-webcifar
    Instagram : / web_cifar
    twitter : / webcifar
    Github: github.com/WebCifar
    #30days30submits #form #htmlForm
  • Věda a technologie

Komentáře • 409

  • @yugajain5489
    @yugajain5489 Před 3 lety +68

    thank you for the 'massage'

    • @afzalahmed1581
      @afzalahmed1581 Před 3 lety +1

      Lol

    • @godmodeon373
      @godmodeon373 Před 3 lety +3

      Bro meassage ki spelling sahi karo😂😂😂😂😂😂

    • @yugajain5489
      @yugajain5489 Před 3 lety +3

      @@godmodeon373 i know iss youtuber ne galat likha hai

    • @GamingNetwork89
      @GamingNetwork89 Před 2 lety +3

      @@godmodeon373 you don't understand a joke kid?

    • @nandubyju
      @nandubyju Před 2 lety

      @@godmodeon373 What about you🤣

  • @bhagwatilalmenaria8355
    @bhagwatilalmenaria8355 Před 3 lety +23

    that's the content needed since 1 year, thanks a lot.

  • @LuisMedina-yq5fd
    @LuisMedina-yq5fd Před 3 lety +17

    Thank you used that form API for a class project where the teacher didn't expect us to have a working form. Got bonus points for a working form thank you!

  • @glitchtime404
    @glitchtime404 Před 2 lety +2

    I already know this is gonna be a good 31 minutes and it’s a Indian teacher I have been looking for a tutorial like this for a long time thank you

  • @karalyon5281
    @karalyon5281 Před 3 lety +26

    Thank you so much! This was exactly what I needed to finish my website project. You were very clear and your directions were easy to follow. My first form ever!! is working perfectly.

    • @natalievolchkova625
      @natalievolchkova625 Před 3 lety +3

      I have a question for you. Did you first buy a domain name for your website and then followed the steps from the video? Did you face any problems? Thank you.

    • @webcifar
      @webcifar  Před 3 lety +3

      I don' think you need any domain to start with. You can start with localhost.

    • @blackarchgaming6589
      @blackarchgaming6589 Před 2 lety +1

      @@webcifar thanks sir I completed the last and that step which I didn't know of my portfolio website

    • @seithdlamini6834
      @seithdlamini6834 Před 2 lety

      does it need to be hosted in order for it to work?

    • @truptimayeebaral4805
      @truptimayeebaral4805 Před 2 lety

      Where we have to add the email

  • @costamma33
    @costamma33 Před 2 lety

    Finally, one that works! You're a life saver dude, just subscribed for that too!

  • @halimnataprawira8527
    @halimnataprawira8527 Před 3 lety

    What a champion Arfan! 🙏🏽🙏🏽🙏🏽

  • @nusratarif392
    @nusratarif392 Před 2 lety

    Thank you so much! This was exactly what I needed to understand how to submit form.

  • @ARandomGuyOG
    @ARandomGuyOG Před 3 lety +11

    Finally a well explained video. Thumbs up for you.

  • @nicksharman1886
    @nicksharman1886 Před 2 lety

    Thank you for your hard work, it produced exactly what I wanted, keep it up and good luck.

  • @GraduateInGuntur
    @GraduateInGuntur Před rokem +1

    Thank you ❤
    I have been searching for tutorials about creating a contact form with functionality by using html,css and javascript.
    Loved your explanation 😊
    Thanks again!

  • @talhaabbas1816
    @talhaabbas1816 Před 2 lety +1

    can't have words to thank you !!! just JAZAKALLAH

  • @mustafaunal3843
    @mustafaunal3843 Před 2 lety +1

    That was an amazing video. Step by step guide. Easy to follow! Thank you for this.

  • @devzorsmallz
    @devzorsmallz Před 2 lety +1

    This was so helpful - thank you!

  • @RandiFinn
    @RandiFinn Před 3 lety +2

    Thank you, this is a fabulous video and this information has been very helpful to me. You are also an incredible editor and speaker and the presentation and clarity within this video is quite excellent.

  • @derryckolunga240
    @derryckolunga240 Před 3 lety +13

    This is brilliant! Thank you for this

  • @karinad1538
    @karinad1538 Před 3 lety +10

    That's exactly how tutorials should be made! Great job. Everything worked out from the first time! Thanks a lot.

  • @jasmineexavierwebster9994

    This is the best Contact Form tutorial, because it is actually fully working and not just html and css... Thank you so much!!!!!

  • @shivanshpratap3624
    @shivanshpratap3624 Před 3 lety

    Really Helpful, Thanks a lot.

  • @riajmazumder4434
    @riajmazumder4434 Před 2 lety

    Thanks, was looking for this video.

  • @amaldevasia828
    @amaldevasia828 Před 3 lety

    Thank You so much brother i was really searching for the whole time finally i have done it.. Thankyou so much

  • @srivatsanprakash8058
    @srivatsanprakash8058 Před 3 lety +1

    Thank you So much. This channel is the best channel ever!!!! I subscribed and my form worked!

  • @zumoka970
    @zumoka970 Před 2 lety

    Thank you very much! It was all I needed to make a contact page.

  • @remp1040
    @remp1040 Před 3 lety

    Saw this and worked smooth on my website. Thanks!

  • @thanushmanchikanti8911

    OMG THANKS I BEEN FINDING HOW TO DO IT FOR LIKE A MONTH AND THIS VIDEO FINALLY HELPED ME HOW TO DO IT, THANKS SO MUCH!!!!! :D

  • @aanxnd5025
    @aanxnd5025 Před 3 lety

    Thank you so much! Very helpful!

  • @phacowil
    @phacowil Před 3 lety +3

    You just gained a subscriber cuz you're such a wonderful tutor. Well detailed and explained. Thanks for the source code as well 🤝🤝

  • @niloofar9113
    @niloofar9113 Před 2 lety

    🙌🙌🙌🙌 yessss needed this

  • @Webtricker
    @Webtricker Před 2 lety

    Thank you for this fabulous video and this information has been very helpful for everyone. This is so brilliant🙂

  • @neelkashyap82
    @neelkashyap82 Před 3 lety

    Thankyou brother! Searching for this only.

  • @dududod
    @dududod Před 3 lety +1

    Thats sweet !

  • @priyanshithoughts7818
    @priyanshithoughts7818 Před 3 lety +2

    Thanks, That's exactly what I want

  • @sirbalafort2620
    @sirbalafort2620 Před 2 lety

    Thank you very much for this video, you helped me out a lot!!

  • @mkamranusmanipk
    @mkamranusmanipk Před rokem

    thanks for such a nice explanation of form submission

  • @adeepkrishnakeelar4426

    Awesome!!

  • @RMen-nw6ym
    @RMen-nw6ym Před 2 lety

    Many thanks for this. Saved me!

  • @abogwaluchukwukaephraim5767

    This was really helpful......Thank you soooo much

  • @KMCuber
    @KMCuber Před 2 lety

    Thats what i wanted!! Thanks a lott

  • @hsu9972
    @hsu9972 Před 2 lety

    Really easy to understand and useful for me.Thanks a lot!

  • @RootcityMusic
    @RootcityMusic Před 2 lety

    this was really helpful, thank you

  • @tahmidrahman2289
    @tahmidrahman2289 Před 3 lety +1

    Very informative video. Thank you so much my man!

  • @winniea504
    @winniea504 Před 3 lety

    Well explained. Thank you

  • @kautukdwivedi
    @kautukdwivedi Před 3 lety

    Brilliant content man
    really helpful

  • @mrtrojanpk
    @mrtrojanpk Před rokem

    Thanks man your video literally help me alot

  • @eustaciegold5924
    @eustaciegold5924 Před 3 lety +3

    Hey, dude. I did learn from you... please consider a video on setting up reCAPTCHA on websites. Thanks

  • @ajaySharma-ur2vx
    @ajaySharma-ur2vx Před 2 lety

    thanks bro this is my frist working contact form.

  • @eetu4752
    @eetu4752 Před 2 lety

    Thank you mate!

  • @blackarchgaming6589
    @blackarchgaming6589 Před 2 lety

    Thanks Arfan Sir(Bangladesh) Love From India 💕

  • @nakumbe08
    @nakumbe08 Před 2 lety

    Thank you for video!!

  • @georgegyang4391
    @georgegyang4391 Před rokem

    Great work

  • @chuchaftw
    @chuchaftw Před 3 lety +1

    THANK YOU SO MUCH FOR THIS. EASY AND SIMPLE

  • @himanshutripathi7428
    @himanshutripathi7428 Před 2 lety

    A big thanks to uh brother!

  • @orlakasali9755
    @orlakasali9755 Před 3 lety

    Thanks a bunch, I really did learn a lot. Thumbs Up!!

  • @Yuilix
    @Yuilix Před rokem

    You saved like hours for me thanks!

  • @sugarsay
    @sugarsay Před 3 lety

    Thanks for this useful video

  • @ojeladeafolabi316
    @ojeladeafolabi316 Před 4 lety +1

    Great work Cifar👍

  • @crazeislive_cil
    @crazeislive_cil Před 3 lety

    Great work Bro!!! You abviously deserve sub.

  • @keerthanaanandan6062
    @keerthanaanandan6062 Před 3 lety +1

    Thank you so much, you are a life saver 💫✨🙌

  • @minevvv4815
    @minevvv4815 Před 3 lety

    Finally,you are brilliant,hats off,thanks,

  • @mpekawoods
    @mpekawoods Před 3 lety +6

    Dude you're the best, I'll always refer my friends to watch tutorial. Thanks

  • @aneeshrc6848
    @aneeshrc6848 Před 2 lety

    Thankyou bro, it's working

  • @tmn671
    @tmn671 Před 3 lety

    This is incredible,
    Thank you, this helped a lot.🙂

  • @mahfuzarrahman9150
    @mahfuzarrahman9150 Před 3 lety

    Great job Bro

  • @rkrockzgameplay3578
    @rkrockzgameplay3578 Před 2 lety

    Thanks a lot mann love you

  • @alekodimitrov2635
    @alekodimitrov2635 Před 3 lety +40

    25:30
    Don't mind me. Just saving a timestamp

    • @Stallzyx
      @Stallzyx Před 3 lety

      lol so it's using a js backend?

  • @damianreyes52
    @damianreyes52 Před 3 lety

    The content (text) inside of the container shifts to the right every time I minimize the window, is there a way to prevent the text from moving position?

  • @pratapkhandekar8322
    @pratapkhandekar8322 Před 3 lety +1

    Great broooo

  • @spondoolie6450
    @spondoolie6450 Před 2 lety

    You da man!

  • @Abdullahkhan-fz5ko
    @Abdullahkhan-fz5ko Před 2 lety

    Thanks you so much!!!

  • @YogeshKumar-kx2rh
    @YogeshKumar-kx2rh Před 2 lety

    thanku...very helpfull

  • @user-xz8tb7nl1s
    @user-xz8tb7nl1s Před 2 lety

    WOW!

  • @eazycodes
    @eazycodes Před 3 lety +1

    Thanks sir👍🏻👍🏻👍🏻

  • @Mike-nq5vb
    @Mike-nq5vb Před 2 lety

    broooooo 😂😂... Thanks man this was great

  • @arthurnoellec6707
    @arthurnoellec6707 Před 3 lety +1

    Thank you 🇫🇷

  • @sachinthanipun2190
    @sachinthanipun2190 Před 3 lety

    Thank you so much!!!!! This one saved me! Thank you again

  • @omotoyosiadegbite6966
    @omotoyosiadegbite6966 Před 3 lety

    Thank you so much!

  • @radosaws.6614
    @radosaws.6614 Před 3 lety

    Everything works fine ! Thanks you !

  • @giovannimichel5506
    @giovannimichel5506 Před 2 lety

    Thank you for the intel.

  • @edhemrogo8402
    @edhemrogo8402 Před 2 lety

    GOD BLESS YOU !!!!

  • @gustavofagundes6226
    @gustavofagundes6226 Před 4 lety +12

    this tutorial was awesome broooo

  • @Sama-jx8vs
    @Sama-jx8vs Před 2 lety +1

    Hello! I loved the tutorial, everything works, except that the javascript pop-up (thanks/oopps )only shows up after one submission, not after each one. I need to refresh the page for it to show up again. Is there a way to fix that?

  • @aviral_kumar.
    @aviral_kumar. Před 2 lety

    Thanks for uploading this wonderful video :)

  • @marmojadajophetm.4090
    @marmojadajophetm.4090 Před 3 lety +1

    Thank you Sir for this tutorial, this is actually my Assignment.

  • @hakzhub
    @hakzhub Před 3 lety +1

    Great job sir this will help me compete my project faster 🙏🏾🙏🏾

  • @thomassaldien9679
    @thomassaldien9679 Před 3 lety

    Is there a way that a client hes shopping cart wil automatically be added to this page so ... after if he submits i will get a mail with what the client has orderd with also all the info he has given???

  • @pesutganteng548
    @pesutganteng548 Před 2 lety

    Thank you so much

  • @PolyEthylenTerephtalat
    @PolyEthylenTerephtalat Před 3 lety +1

    Do you know how i can send the form information to the email the user submitted? And this delayed so like 10 years later?

  • @redminote8t168
    @redminote8t168 Před 2 lety

    Hola hermano mira yo nunca dejo un comentario pero esta vez si, quiero agradecerte de verdad por tu trabajo increíble, fue de mucha ayuda no solo para mi sino para muchas personas estoy seguro, ningún otro canal lo hizo mejor. te mando fuerte abrazo!

    • @mcleverm01
      @mcleverm01 Před 2 lety

      Translation: He really liked your video! So did I! lol Excelente!

  • @inodecode7600
    @inodecode7600 Před 3 lety

    Thank you.

  • @themovieshowsss
    @themovieshowsss Před 3 lety

    you are tooooooooooooooooooooooo.......... great

  • @rd2052
    @rd2052 Před 3 lety +2

    Thank you...You are the best : )

  • @RtopRIndustrie
    @RtopRIndustrie Před 2 lety

    thank you very well

  • @yousafwazir286
    @yousafwazir286 Před 2 lety +1

    Thanks bro

  • @mimiyee8537
    @mimiyee8537 Před 2 lety

    Thanks bro :)

  • @renemorales9364
    @renemorales9364 Před 3 lety

    Thanks!!

  • @erikdinos1229
    @erikdinos1229 Před rokem

    hello all...is there any way to use some php to use the mail as independent service? i don't wanna use some other service,i want to use my own host,and my domain to send emails....any help appreciated!

  • @brickland4001
    @brickland4001 Před 3 lety +1

    That was GREAT !!!!
    and USEFULL !!!!!

  • @heriansyah1134
    @heriansyah1134 Před rokem

    thank you so much

  • @ivyhello
    @ivyhello Před 2 lety

    Thank you so much for this! Is this a totally secure way to handle forms?