Software, your way.
burger menu icon
WillMaster

WillMasterBlog > Tips and Tricks

FREE! Coding tips, tricks, and treasures.

Possibilities weekly ezine

Get the weekly email website developers read:

 

Your email address

name@example.com
YES! Send Possibilities every week!

Making a 'Next' Button

A "next" button at the end of an article or a section can be a convenient way to lead the site visitor to the next page in a sequence.

Here is how to make a button to cause the browser to load the next page:

<form 
   method="get" 
   action="https://www.willmaster.com/">
<input 
   type="submit" 
   value="NEXT">
</form>

Edit the following:

  1. Replace the https://www.willmaster.com/ URL with the URL of the next page.

  2. Replace NEXT with the text you want on the button.

"Next" Button Designs

The above is a plain form button. CSS can be used to style the button. Or, an image can be used instead of a button.

CSS for the "Next" Button

CSS can be used to style the button. This example makes a button with a yellow background, red text, and a red double border:

<form 
   method="get" 
   action="https://www.willmaster.com/">
<input 
   style="background-color:yellow; color:red; border:3px double red;" 
   type="submit" 
   value="NEXT">
</form>

Edit the following:

  1. Replace the https://www.willmaster.com/ URL with the URL of the next page.

  2. Replace the style with your preferred button style.

  3. Replace NEXT with the text you want on the button.

"Next" Button Image

An image can be used instead of a button. Example:

<form 
   method="get" 
   action="https://www.willmaster.com/">
<input 
   type="image" 
   src="/images/myimage.gif" 
   width="90" 
   height="35" 
   border="0">
</form>

Edit the following:

  1. Replace the https://www.willmaster.com/ URL with the URL of the next page.

  2. Replace the /images/myimage.gif image location with the location of your image. Similarly, edit the width, height, and your preference of border size.

Will Bontrager

Was this blog post helpful to you?
(anonymous form)

Support This Website

Some of our support is from people like you who see the value of all that's offered for FREE at this website.

"Yes, let me contribute."

Amount (USD):

Tap to Choose
Contribution
Method


All information in WillMaster Blog articles is presented AS-IS.

We only suggest and recommend what we believe is of value. As remuneration for the time and research involved to provide quality links, we generally use affiliate links when we can. Whenever we link to something not our own, you should assume they are affiliate links or that we benefit in some way.

Recent Articles in the Library

Text Emphasis

When your writing can be improved with the correct emphasis, this CSS may be used.

Dropdown Links

I used to see many dropdown links during the earlier part of my internet experience.

On-Page Editing

Edit something on a web page and have it saved for display whenever the page is reloaded.

Automatic iFrame Sizing

When you pull content from the same domain into an iframe, the iframe can be resized automatically to accommodate the content.

Delayed Content Loading

Here is one way to delay loading of certain web page content.

End-of-year Automatic Copyright Change

Use PHP or JavaScript to set up an automatic update of the year number within a copyright statement.

PayPal Form Without Merchant ID

How to submit a form to PayPal without a Merchant ID.

How Can We Help You? balloons
How Can We Help You?
bullet Custom Programming
bullet Ready-Made Software
bullet Technical Support
bullet Possibilities Newsletter
bullet Website "How-To" Info
bullet Useful Information List

© 1998-2001 William and Mari Bontrager
© 2001-2011 Bontrager Connection, LLC
© 2011-2025 Will Bontrager Software LLC