Web Pages Designed With Your Wallet In Mind!

Back,Close, Home, Return to Top and More Button Codes.
Free to Copy & Paste Do NOT direct link to images!

Copy/Paste Instructions: Hightlight text inside textarea box, press Ctrl + C, then press Ctrl + V to paste into document of choice. All code validates HTML 4.01 Strict.

Back and Forward Buttons:

Code: <form action="click"><div><a href="#" title="Back""><input type="button" value="BACK" onClick="history.go(-1)"></a></div></form>

Code: <form action="click"><div><a href="#" title="Forward"><input type="button" value="FORWARD" onClick="history.go(+1)"></a></div></form>

---

Back and Home Button Combo:

  

Code: <form action="click"><div><a href="#" title="Back"><input type="button" value="BACK" onClick="history.go(-1)"></a>  <a href="index.html" title="Home"><input type="button" value="HOME" onclick="javascript:window.location='index.html';"></a></div></form>

---

Home Buttons (Two Examples):

Code: <form action="click"><div><a href="URL/file_name.html" title="Home"><input type="button" value="HOME" onclick="javascript:window.location='URL/file_name.html';"></a></div></form>

Second Example:

Code: <form action="click"><div><a href="Home page path here" title="Back to Main Page"><input value="Back To Main Page" type="submit" onclick="javascript:window.location='index.html';"></a></div></form>

---

Close Window Button:

Code: <form action="close_window"><input type="button" value="Close Window" onClick="window.close()"></form>

---

Input Box with Background Image:

First name:

Code: <form action="input"><div>First name: <input type="text" name="firstname" style=" width: XXpx; height: YYpx; background:#000 url(http://XXXXXX.com/imagefilename.png);"></div></form>

---

Send Button with Image (Use with <form></form> tags):

SEND


Code: <button name="submit" value="submit" type="submit">SEND<br><img src="imagepathhere" alt=""></button>

---

Reset Button with Image (Use with <form></form> tags):

RESET


Code: <button name="reset" type="reset">RESET<br><img src="imagepathhere" alt="Oops"></button>

---

Textarea Box With onFocus Clearing & Background Image:

Enter text here. Once clicked in this box, this text disappears!

Code: <textarea cols="75" rows="2" name="message" onfocus="innerHTML = '';" style="background-image: url(http://imagepathhere); color: #007878;">Enter text here. Once clicked in this box, this text disappears!</textarea>

---

Use with Textarea Box or Similar that has Pre-filled Text:

Click to Select All   "Select All" as a button:

Non eram nescius, Brute, cum, quae summis ingeniis exquisitaque doctrina philosophi Graeco sermone tractavissent, ea Latinis litteris mandaremus, fore ut hic noster labor in varias reprehensiones incurreret. nam quibusdam, et iis quidem non admodum indoctis, totum hoc displicet philosophari. quidam autem non tam id reprehendunt, si remissius agatur, sed tantum studium tamque multam operam ponendam in eo non arbitrantur. erunt etiam, et ii quidem eruditi Graecis litteris, contemnentes Latinas, qui se dicant in Graecis legendis operam malle consumere. postremo aliquos futuros suspicor, qui me ad alias litteras vocent, genus hoc scribendi, etsi sit elegans, personae tamen et dignitatis esse negent.

Code: <a class="selectall" href="#" onclick="document.getElementById('postemail').select(); return false">Click to Select All</a> Code Example 2: "Select All" as a button: <a class="selectall" href="#" onclick="document.getElementById('postemail').select(); return false"><input type=button value="Select All"></a>

---

Popup Button:

Code: <form action="click"><div><a href="#"><input type="button" value="Pop Up Button" onClick="alert('It works!');return false;"></a></div></form>

---

Popup Button with Customizing:

Code: <form action="#"><input type="button" style=" background-color:#007878; color:#000068;" onfocus="this.blur()" value="Styled Popup Button" onClick='alert("First paragraph in alert box.\n\<br>\n\<br>Second paragraph in alert box!\n\ ")'></form><br></form>

---

Chose a File and Email Buttons:

Choose a file:    Send by Email

Code: <form action="myemail@address.com"> <div><label for="inpFile">Choose a file: </label><input type="file" id="inpFile">    <button type="submit">Send by Email</button></div> </form>