Need up to 30 seconds to load.
Hello guys welcome, So in this Video Tutorial, We are going to
cover a Very Popular Question. Which is, How link Submit button to another
page in HTML using Notepad. Where we will talk about these 3 Methods.
1st Method: By using HTML Anchor Tags. 2nd Method: By using HTML Form Tags.
Open your Text Editor. And create an HTML file with this heading.
Now click the File menu and save button to save your HTML File.
Choose a Path where you want to save this file.
Give it a name followed by the .html extension. Now click SAVE.
Now locate your HTML file and run it on your Browser.
This is the Web-Page, Where we will link our HTMLbutton.
Now create a new HTML file and save it at the same location where we
just saved our Previous HTML file. Give it a name followed by the .html Extension.
Now save this HTML file. After that, in the main file we have to create
a submit button and link that submit button to another Page.
Get started with the HTML syntax. Now in our First Method,
We are going to link our Submit button using HTML Anchor Tags.
Write Anchor tags inside your Main file And between those anchor tag's Starting and
Closing tags, we have to include our Submit button.
Save your Main file and run it on your Browser. Now our Submit button is Clickable but not
linked right Now. To link this submit button we have to assign
our Another page's location inside anchor tag's href attribute.
If your Main and Another page is present at the same location like this.
Then you just have to give your Another page's Name followed by the Extension.
If you are not able to see your Another file's extension here.
Then right click on your HTML file. Select properties from there,
and note your file extension, now save your main file and run it on the
Browser. If your submit button is not working or your
another page is present at the different location. Then you have to give the full path of your
another page here. To get the full path of any file.
Right click on it, Select properties from there,
and under the security tab, You can select and copy the full path of your File.
And in your Main file. You have to paste here the Copied path.
If this Full Path method is not working. Then you have to add this "file:///" before
your file's path. Or if you want to link your submit button
to an Online website like Google, then you have to write "http://google.com".
Now the 2nd Method: By using HTML form tags.
To link HTML submit button to another page by using HTML forms,
You have to use HTML form tags for that. Between those HTML form tag's starting and
closing tags, you have to declare your Submit button using HTML input fields.
Where input type="" must be Submit. And by using HTML form tag's action="" attribute
we can give here the Path of our Another page. Where we want to link our Submit button.
Save it, and refresh the Browser. Now the 3rd and the last method:
By using JavaScript onClick Event. For that we have to declare our submit button
First. And after that we have to create JavaScript
function. By using JavaScript's document.location.href=""
we will redirect our user to another page, on a single button click.
Between those double quotes we have to write out another page's path.
And using JavaScript's onClick Event inside our submit button we will run our JavaScript
function. Thank you so much for watching this Video.
Have a Great Time.
