How to Link Submit Button to Another Page in HTML

[@v1ncere7876]

Good man, I couldn't figure out exactly what I wanted from this video but it helped me realize what I was doing wrong!

[@shudocode]

happy i could help

[@shaktisingh7035]

Bhai bohot aala. Ta

[@shudocode]

Mein samjha nhi

[@paolahernandez6473]

Thank you for this video! I was scrolling and searching many videos & none of them had what I was looking for in this video. I appreciate you & your video. Thank you!

[@shudocode]

Glad it was helpful!
BTW Thanks for watching have a good DAY.

[@haruniki1386]

I solved the problem after 12 seconds in this video! Thankss

[@shudocode]

thanks for watching

[@mithunchandrasaha403]

Nice Nice Explanation Sir

[@shudocode]

Thanks for watching

[@AWGE_0066]

you are a genius, greetings from mexico, you helped me a lot

[@shudocode]

I am glad to hear that. BTW Thanks for watching

[@tiefsoftwarelab]

hello my friend thanks for share :)

[@shudocode]

Thanks for watching

[@Tubcio]

I was searching for this tutorial literally everywhere, and i finally found it. Thank you :D

[@shudocode]

Glad I could help! BTW thanks for watching

[@dysonfan9863]

jolly good explanation my thambi

[@shudocode]

Thanks for Watching Thambi

[@js-0018]

thanks it helped me making my website:)

[@shudocode]

jayesh pradhan thanks for watching this video and we are glad that our video helped you

[@js-0018]

@@shudocode :)

[@DurgeshwariSingh]

oh really i got it thank you so much thank u very much

[@shudocode]

Thanks For watching :)

[@harou6365]

thnks for the tutorial, I clutched my presentation after this tutorial thank you so much

[@shudocode]

Wow
Glad to hear that
BTW Thanks for Watching

[@mr.guardian4491]

You are god bro! You seriously saved my day! You deserve more than this much subs and views. I have subbed you. Once again, thanks a lot!❤❤❤

[@shudocode]

Mr.Guardian no, no, Thank you for watching this video and i am working on that video “how to disable form buttons and enable it later (when form got all the informations)

[@mr.guardian4491]

@@shudocode Thank you soo much brother!

[@francismaina8426]

I love this....good job bro

[@shudocode]

Thanks for Watching

[@ኢትዮእንቆቅልሽ]

thank you you don't know how this help's to me thx God Bless You

[@shudocode]

thanks for this lovely comment

[@matthewmccambridge9175]

Thanks

[@shudocode]

Thanks for watching

[@1wildestobi_151]

Thank you! I finally can make my buttons!

[@shudocode]

Happy to hear it BTW Thanks for watching

[@amirsaifi247]

U r really good ....u explained very well

[@shudocode]

Thank you so much 🙂

[@shudocode]

nd Thanks for watching

[@ShreyasRaj24]

Thanks bro a lot
👍👍👍👍

[@shudocode]

thanks for watching

[@ShreyasRaj24]

@@shudocode welcome

[@legendgamer5889]

thanks

[@shudocode]

Thanks for Watching

[@HeyItsCarr]

Thanks alot bro I am trying to make a website for my channel...
This is very well explained

[@shudocode]

Thanks for Watching

[@priyam9462]

brilliant, I was searching for this thing for the past 2 hrs
Brilliant explaination with simple steps

[@shudocode]

Thanks for Watching and Thanks for such a good comment

[@saketlivegaming4432]

Thank You Bro ... Very Helpfull

[@shudocode]

Thanks for watching

[@impossible_k3676]

sir I want when a user clicks on the button, two actions should be taken like I have an affiliate website I want when user click on the show coupon code button then the coupon code should be visible in the button text and meanwhile a link should be opened in other tab....is this possible in HTML sir plz reply

[@shudocode]

Yes
For that use JavaScript onClick event
Which can change Button text
Like "click me" to "coupon code is RCC015"
Add a link
And so much more
Just search
JavaScript onClick (for click event)
document.getElemejtById("").innerHTML (for changing button text)
and jQuery .attr("href") for changing button link

[@prathmeshborse5221]

Brother my form data goes to google sheets(using javascript).
When there is normal submit button(no link) the data is collected but when using link submit (button having link) the form data is not collected. Give solution

[@shudocode]

This is maybe you are using JavaScript OnClick Event to submit that Data
and when you give a Link manually then Your browser will redirect you to that Link
I recommend u you to use the default button (Without the link)
and by using JavaScript (AJAX if u like) you can Redirect your Users to that link/Page after Data is Successfully collected.

[@MuhammadFahad-oq6rg]

Thank you so much sir . Sir I have a question ..how can I use label tag in table .I want to use label tag in td tag .how can I apply that ??

[@shudocode]

Actually Label tag is used inside HTML Forms.. But if you want to use Labels inside HTML Tables then use them inside TD or TH tags
like
** _My Lable_ **
1

[@pizlin2340]

this is ver helpful for coding

[@shudocode]

Thanks for Watching

[@AkashDas-vx2ph]

Thank you so much for this sir ☺️

[@shudocode]

Thanks for Watching

[@Praveen-oj2gz]

Thank you brother it's very usefull

[@shudocode]

Thank yo for watching my Video. Have a Good Day

[@jagbirsoude980]

Thank you bro you solve my problem ❤😊😊

[@shudocode]

I’m Glad I Could Help

[@RS-gn8jq]

if i made multiples of buttons like this in the same file using the same link for every button, will it work?

[@shudocode]

Yes it will work. BTW thanks for watching

[@AbhinayKumarBAK]

So good .. thanks for video .. please try to make a series or playlist too

[@shudocode]

sure i will. thanks for watching

[@gandamraviteja7019]

U helped me a lot
today was my demo submission and because of u i made it possible thanks...! a lot

[@shudocode]

Thanks for Watching

[@NiteshKumar-do4en]

Very good

[@shudocode]

Thanks for watching this video

[@myvegas4295]

If you are master in react (I'm sure you are because you know well JS), please start React Tutorial, I am learning Js and I am finding channels you will get much response on React

[@shudocode]

thanks for the tip.. i will try to upload some react.js tutorials

[@imrulpiash7310]

thank you so much

[@shudocode]

Thank you so much for watching

[@TheVedicWarrior]

THANKS MAN ❤

[@shudocode]

Thanks for Watching

[@binovinwithanage8776]

you saved my scolarship brudh 😇 Thank you very much for this 😍

[@shudocode]

I am glad to hear it
BTW Thanks for Watching

[@manavjeetsingh846]

thanks sir it helped me a lot and very well explained sir

[@shudocode]

Manavjeet Singh thanks for watching

[@digyabhai]

thanks, bro its really help me

[@shudocode]

I am happy to hear that.BTW thanks for wtaching

[@krishnashrivastava570]

Nice

[@shudocode]

Thanks for watching

[@rangeelarajasthan3996]

very basic and easy steps loved it

[@shudocode]

RANGEELA RAJASTHAN thanks for this very kind reply

[@parekoy_djstaana1986]

thank you it works

[@shudocode]

thank you for watching

[@userozancinci]

thx a lot!

[@shudocode]

Thanks for Watching

[@TechZankari]

thank you bhai

[@shudocode]

Thanks for watching bhai

[@ZeddyBoi786]

Thanks shubham ... very clear and well explained 👍🏽

[@shudocode]

Thanks for Watching

[@harmanpreetkaur7420]

What if we want to link the button to a form in the same page using 3rd method???

[@shudocode]

So you want to link that button to a Form which is Present at the Sane webpage
then you can use Anchors tags for that
Where using For tag's ID you can scroll you page to that Content/Form
Example :
Fill Form
or you also can use JavaScript Where you need to set your Location like this:
document.location.href="filename.html#formId";
keep in mind these two methods will only redirect or scroll you to the form
if u want to post or get form data using Javascript then please use PHP and Ajax for that

[@harmanpreetkaur7420]

@@shudocode Thankyou !
I set my form's display to none in css and linked it with button onclick .
It worked perfectly!

[@shudocode]

thanks for watching and i am happy for u

[@mr.guardian4491]

A small request for you.
Will you please make a video on "How to disable submit button before everything in the form is filled, and then automatically enable it?" I am dying for this HTML tutorial. Please make it!

[@shudocode]

Mr.Guardian ok i will try to make and upload that tutorial ASAP.

[@shudocode]

Hi,
here is the Link
programminghead.com/CODE/MrGuardian-Code.php
where i have created a Webpage with that Submit Button Disable and Enable Activity.
It will take me some time to make a Tutorial on it.
Till then, you can Check the Code and Also test the Webpage by using The given link.
Thanks

[@mr.guardian4491]

@@shudocode Thank you so much for taking efforts for me! Really respect you man❤️

[@mr.guardian4491]

@@shudocode Sorry for troubling you again. I had a small question. Actually I am learning HTML first time and learning gradually so can you please tell me which is better to learn HTML, books or videos? If books, then can you please suggest me a very beginner book?

[@shudocode]

Mr.Guardian i suggest you to check w3schools online tutorials
where you can get some book like experience with live Examples and so much more

[@tauplayz]

hi,what if I want to determine what the button submits ,say I have a picture and I want to submit only the picture and not the whole document ,how can I do that using javascript
,Thanks

[@shudocode]

submit button will submit everything from the HTML FORM tags
so if you just want to submit IMAGE file then you can use jQuery .post() method
*and write this method inside a JavaScript function and call / run this method using onclick="" or .click() method
$.ajax({
type: "POST",
url: url,
data: data
});
// url - the destination where u want to submit your image file
// data - you image file like ID of your file input data: $("#myimage")

[@tauplayz]

@@shudocode thank you friend
👏

[@tauplayz]

@@shudocode hello friend,I am still having a challenge solving my problem ,using what you told me this is what I came up with
I am unable to impliment it for my problem however ,which is below
function myonclickfn(){
document.getElementById('player1').onclick=function(){
$.ajax({
type: "POST",
url: $("#forwad"),
data: $("#show"),
});
};
} ;
Problem
///3 buttons with IDs player1,forwad and show ,when you click on player1
///I want the infomation in show (a image and image name) to be put in the button forwad on the same page.

[@gogo-cx9xc]

a 2 year old could do this cus this is so well explained and easy to follow

[@shudocode]

gogo thank you so much

[@devshah8058]

at first i thought this was a hate comment lol

[@gogo-cx9xc]

@@devshah8058 lul

[@liyagourh1157]

Program is not visible due to subtitles. Pls remove it

[@shudocode]

i am so sorry about that

[@AnisLiebeDixh]

really helpful
but the problem here i have 2 button in the same form (: what should i do?

[@shudocode]

Then you can use Javascript onClick events there

[@damiendoman5584]

Hi, what if in html I have a form with input and a submit, and when I press the submit, I want to save that input in a variable (in JS) and also redirect to another page (another html file in my project)? I assume I must redirect using JS, and I found online to use window.location.href = '/path' but it doesn't work for me...

[@shudocode]

ok i am working on your CODE and will contact you soon

[@damiendoman5584]

@@shudocode Thank you for your hard work, but I already found something that works. Sorry to trouble you.

[@damiendoman5584]

@@shudocode great stuff though, subscribed!

[@shudocode]

Thanks

[@msizigcabashe5404]

@@damiendoman5584 how did you do it? I'm having the same query

[@idontlikepeanutz866]

So easy🤩
Best tutorial👍

[@shudocode]

Thanks for Watching & Commenting

[@abhisheknigam3768]

Name
Class
thanks me later

[@shudocode]

Thanks

[@angelandresortizperez2472]

Thank you

[@shudocode]

thanks for watching

[@អ៊ាន់ដារ៉ា-ណ9ឡ]

Thank you so much for this love

[@shudocode]

Thank you so much for Watching

[@Vivin1304]

Thank you bro😊😊

[@shudocode]

Thanks for watching

[@mamabear3610]

Best tutorial ever! Very bold font and clear explanation 👍 you have earned a subscriber

[@shudocode]

Thanks for Watching, commenting and subscribing my channel

[@arpancs]

Thank-you so much

[@shudocode]

Thanks for Watching

[@Dudeplayze]

Thank you soo much,this really helped me :)

[@shudocode]

I am glad BTW Thanks for watching

[@kushal6065]

So simple and easy. Thanks

[@shudocode]

Thanks for Watching

[@khpathouba2323]

how to link it to other website pls tell ASAP

[@shudocode]

to link it to other websites
use URL of that website
for example i want a button to link to a website (which is google.com)
so i will link that like this
Click me

[@Draquibraha]

well explained bro your lit

[@shudocode]

thanks for watching

[@myvegas4295]

Hi friend,, what if I click on button new tab open where countdown start and after countdown over new page has been redirected ? just like seeklogo.com having download button, when we click on download its open new tab and countdown fire. after countdown == 0; it downlods but, I want to open new url in my case. I hope you get this my ideas.
Please kindly reply if possible. Thanks

[@shudocode]

for that you need to use javascript. where using Intervals you can redirect your your users to another page when your countdown hits 0.

[@myvegas4295]

@@shudocode I'm using this Js:
👉 www.codexworld.com/redirect-page-after-delay-using-javascript/
but, How can I countdown on new tab instead its work in current tab actually? can you please guide me on this ? or can you make video on that so, everybody can learn also ?

[@myvegas4295]

@@shudocode Please check seeklogo.com, they open new tab and countdown where start. after countdown finished download start. instead download start we want to redirect to new url. I hope you get this my view. I am searching exact example. If I found it, I will send to you.

[@shudocode]

Hi.. i have created a webpage where user clicks on the Button
and after that user will wait for 5 sec
when countdown hits 0
user will redirect to another page
click this link
programminghead.com/CODE/count-Down-Redirect.php
where at the bottom you will also see the output along with the Code

[@danteoliva7875]

YOU ARE GOD BRO

[@shudocode]

HAHAAH very funny. BTW Thanks for Watching

[@JBrogrammer]

Thanks for this video
But Plzzzz bhai explain kre k Submit button Click hone pr Filled info another device pr send kese ho🙏🙏🙏

[@shudocode]

Bro, another device ke liye apko ek server chahiye jha aap data save kro or aapki saved infor Another device pe accessible ho sake.
jese Web Hosting ETC
and apko PHP MYSQL database ke bare m bhi jaanna padega
jha PHP ke $_GET and $_POST methods se aap deta receive kroge
and PHP ke mysqli use krke ap DataBase mein apna data store kroge
agr apko bina page refresh kre ye sab krna hai to apko AJAX ke bare m bhi janna padega
BTW thanks for watching :)

[@JBrogrammer]

@@shudocode Thanks A lot For the help

[@valdigod4436]

Today: november 19 2022
Thank you very much 🥰 well explained worth it to watch ❤️

[@shudocode]

Thanks for Watching

[@CrazinessGivesHappinessCGH]

good work, and thnx for time stamps, you earned a sub

[@shudocode]

Thanks for the sub!
and also thanks for Watching

[@shudocode]

@@Info-ny4lb hi,
first thing, google use that submit button to collect form data and POST/Send the Entered info to the Google database
so if you want to Make that submit button to link another page
then this will send all the Entered data somewhere else
and google will not be able to store Form Data
So we don't recommend you to do that
so if you want to Embed a link in google form,
then follow these steps:
>>goto google form Dashboard
>> Create Your Form
>> Embed A Link (Using + button from the right Corner)
>> And you are Done

[@qamarbaigmughal3581]

Hi. i need help to create a simple pdf downloading page. i have some pdf files named "101.pdf 102.pdf 103.pdf .... so on". i am trying write an html code where user can input a value like "101" in input box and by pressing submit button, he can get downloaded that pdf file. pls help me.

[@shudocode]

For that you need to ise javascript
Where by using javascripts
var userInput = document.getElementsById("inputBox").value;
You can access user inputs like "101"
After that you will redirect your users to that PDF file by using if conditions like
If(userInput == 101){
window.location.href = "101.pdf";
}
Having issues?
Lets talk over googleMeet and i will guide you there
BTW Thanks for Watching

[@joedave4489]

This was very helpful, thanks a lot

[@shudocode]

Thanks for watching

[@mukundalibo-on3359]

Thank you so much
This helped me alot

[@shudocode]

Thank you for Watching

[@Amlosiorh]

thank you very muchhhhhh

[@shudocode]

Thanks for Watching

[@sumonraj5227]

nice

[@shudocode]

Thanks for Watching

[@HANSIKASARTACADEMY]

Hi can you make a video on how to add background music in html using notepad

[@shudocode]

i will try ... btw thanks for watching

[@SunnyYadav-dw8mx]

thank you.

[@shudocode]

Thanks for watching

[@kalimudinansari7993]

👏👏

[@shudocode]

kalimudin Ansari thanks for watching

[@GIRIVARMA100]

I have made a three fields form using html code. Name, email & phone number. And i created Login button. I linked that login button to go to external webpage. What I need is at the same time when user clicks Login button, the filled fields name, email & number should be received through mail to me. And also that Login button takes user to another webpage. How to do this simply ? How to get mail with filled fields & also how to redirect user to another webpage just by clicking Login button. With single action clicking Login button, i should receive mail of filled details & user should go to next webpage. What's the exact script i should write ?? Where to insert the script exactly ??

[@shudocode]

just for redirecting users to one page to Another
yo can use
document.location.href = "The webpage Location";
there
but for sending Unser Entered Details like Email and Stuff
you need to use SMTP or smtpJS
Where you will send that Data to your Email Address

[@GIRIVARMA100]

@@shudocode what's the code for that to add SMTP server details for sending mails ?? I am very new to coding and scripting. I am just learning. Please tell me the script for that .

[@shudocode]

I can’t provide you the Script
Because you need to setup SMTP manually
There are the steps
1 Choose a SMTP (like gmail)
2 Setup your Account (your Gmail Account)
3 Allow 3rd Party Apps
4 Configure SMTP using smtpJS
or just buy a Web hosting
There you can you Send Email just by using PHP code
It’s simple
But you need to buy a WEB Hosting first

[@memayurkamble]

Thank u

[@shudocode]

Thanks for Watching

[@PuneetBanga26Aug]

I have a html payment page loaded in wkwebview ios and after enter all card details and click continues. Token generated and message shown that token generated and how could i get that token string?

[@shudocode]

sorry this question is offtopic
but still I will suggest a method (which might not work)
so first you have to find that Function which is responsible for printing "Token Generated" Alert/message
There you have to pass your Token as a String by using
if let token = message.body as? String{
print(token)
}
you might have to change "message.body" according to your Function

[@rupjyotihazowary3384]

can I home page attached with any url ? Sir .Can I play url ? Can I run a url ?

[@shudocode]

Rupjyoti Hazowary yes you can.

[@user8ZAKC1X6KC]

Strangely, when I use the method, it's creating a near microscopic dash next to the button that is also acting as a clickable link. This only happens if the browser it as 100% or less. Anything over 100% it disappears.

[@shudocode]

To customize that you can use CSS cursor Properties
Like
style="cursor: pointer"

[@user8ZAKC1X6KC]

@@shudocode That did work, it made it unclickable, but it was visually still there. I found the answer. I had to also use text-decoration:none to make the little dash looking thing disappear. I still think it's strange that it only appears at less than 100% zoom on the browser. Thank you for your help!

[@shudocode]

@@user8ZAKC1X6KC i am happy for you tgat u have found the solution
But text decoration propertie used for hiding the underline and some Link Decorations
But still
If its working for u
Then i am happy

[@sree4448]

simple and straight to the point. thank you :)

[@shudocode]

Thanks for Watching
Have a goodDay

[@markjohntominio9430]

Thank you so much sir☺️ it is very helpful ❤️ btw. I'm from Philippines 🇵🇭

[@shudocode]

Glat it helped. btw thanks for Watching

[@shreyash8840]

thak yu so much

[@shudocode]

Thank you so much for watching

[@pranpramer6786]

Plz make html tutorial series 😭🙏🙏🙏🙏🙏🙏🙏

[@shudocode]

i am going to upload a video about how to create full website using HTML, CSS and Javascript

[@pranpramer6786]

@@shudocode waiting for thattt videooo 😀. And your explaining skills are top notch 🇮🇳🙏😀 plz make videos regularly that can boost your channel ✌️

[@shudocode]

@@pranpramer6786 Thanks for your advice. i will work on that

[@Honey-gu2tk]

the way you have explained is just 🔥🔥🔥

[@shudocode]

Thanks for saying that

[@ThatFreelance]

But how would I see the user input on the next page?

[@shudocode]

For that you need to use PHP
Where using GET and POST request you can receive data from one page to another

[@abdelrahmankhaled3609]

thanks bro it helped ♥

[@shudocode]

i am glad. BTW Thanks fpr Watching Have a GoodDay

[@nigelfernandes5983]

It just refreshes the page after clicking the submit button even after linking the pages correctly. Any idea why this is happening?

[@shudocode]

Check your form tag’s ACTION attribute.
Make sure u have used your another page there .. for example

[@saranshgaur5644]

Subscribed!

[@shudocode]

Thanks for the Sub
And also Thanks for watching

[@saranshgaur5644]

@@shudocode It was relly helpful!

[@shudocode]

@@saranshgaur5644 i am glad

[@adeelsyed7812]

This helped sm ty

[@shudocode]

Thanks for Watching

[@amarulii]

Thanks you so much 🥲

[@shudocode]

Thanks for Watching 🙏

[@ishandvedi7852]

why is it not working fr me? my head pains now

[@shudocode]

submit your code here..
programminghead.com/help/
and i will try to fix the issue

[@ghgfsd742]

Thank you so much dude! Awesome explanation even a child could understand. You are a legend.

[@shudocode]

thanks for this comment. People like u inspires me

[@ghgfsd742]

@@shudocode you inspire me dude. I started to code because of people like you. :) Thank you so much man!

[@suj13]

ah yes thanks!

[@shudocode]

Thanks for Watching

[@myvegas4295]

Hello sir, please reply if possible, Thanks 🙏

[@shudocode]

hi

[@myvegas4295]

@@shudocode Hello

[@riftgumxx2034]

Thx bro

[@shudocode]

Thanks for Watching Bro :)

[@schneidersitz]

Shukriya

[@shudocode]

Video dekhne ke liye Dhanyavaad (thanks for watching)

[@suzanyazid4121]

thank u💖💖

[@shudocode]

Thanks for Watching

[@suzanyazid4121]

Please upload more videos,,Your way of explaining is awesome ♥️

[@shudocode]

@@suzanyazid4121 thanks for saying that.. nd I will try to upload more videos

[@suzanyazid4121]

thank you for your effort 💕

[@MyboxBogota]

hola, como hago si quiero que el boton enviar , haga tres cosas al tiempo
enviar formulario
abrir whastapp
abrir la tienda del sitio

[@shudocode]

you can do all the three things on a Single Button click using JavaScript
where you will use AJAX POST request to submit the form
window.open('wa.me/', '_blank'); to open Whatsapp
and
window.open('stackoverflow.com'); to open site Store Page