HTML: Terug knop

Button om naar de vorige pagina te gaan.

Voorbeeld:

Select All Informatie 1  
<form target=”_self”><input onclick=”history.go(-1);return true;” style=”color: #111; font-size: 90%; background-color: #fefefe” type=”button” value=”⇦ VORIGE” />&nbsp;</form>

Select All Donkere button  
<form target=”_self”><input onclick=”history.go(-1);return true;” style=”color: #EEEEEE; background-color: #55482B; font-weight:none; text-align:center; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px” type=”button” value=” ⇦ Vorige pagina ” /></form>

Terugknop altijd rechts bovenin!

Select & Copy  
<div style=”position: fixed; width: 100px; z-index: 999; right: 5%; top:5px” id=”anything”> <form target=”_self”><input onclick=”history.go(-1);return true;” style=”border: 1px solid #aaa;color: #111; font-size: 10px; background-color: #fefefe” type=”button” value=”⇦ VORIGE” />&nbsp;</form></div>

Select & Copy Terug met alleen tekst! 
<a onclick=”history.back()” href=”#”>◀️ Vorige</a>

Select & Copy Terug met eigen button 
<a class=”knop4″ onclick=”history.back()” href=”#”>Vorige</a> <style type=”text/css”>.knop4 { display: inline-block; text-align: center; vertical-align: middle; padding: 1px 22px 2px 18px; border: 1px solid #b3b3b3; border-radius: 7px; background: #f5f5f5; background: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e0e0e0)); background: -moz-linear-gradient(top, #f5f5f5, #e0e0e0); background: linear-gradient(to bottom, #f5f5f5, #e0e0e0); text-shadow: #d9d9d9 1px 2px 2px; font: normal normal bold 14px trebuchet ms; color: #757575; text-decoration: none; } .knop4:hover, .knop4:focus { border: 1px solid #ffffff; background: #333; background: -webkit-gradient(linear, left top, left bottom, from(#333), to(#555)); background: -moz-linear-gradient(top, #333, #555); background: linear-gradient(to bottom, #111, #555); color: #fff; text-decoration: none; } .knop4:active { background: #939393; background: -webkit-gradient(linear, left top, left bottom, from(#939393), to(#e0e0e0)); background: -moz-linear-gradient(top, #939393, #e0e0e0); background: linear-gradient(to bottom, #939393, #e0e0e0); } .knop4:before{ content: “\0000a0”; display: inline-block; height: 24px; width: 24px; line-height: 24px; margin: 0 4px -5px -4px; position: relative; top: 2px; left: -1px; background: url(“data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAAA7EAAAOxAGVKw4bAAAEV0lEQVRIibWVX0hbZxjGf9/JscdEmwrSaNLadpqubopj66r2jxYGAy92YbF1UhBB2vtSvHKBId1a0A12UQYLK45CS7dW2E0HHbTDGat2LCNj7bqk1rKO/NFGM3NMc5LotwuNRI3dRbcHXnjO+Q7v+73P9z3vEYDC/4hs8qVN1pdelqt5FpU8vBh4C9iz8i4M3ANmN/l+lecWyIedqqp+WF9f39HU1GTZtWsXJpOJUCjEyMhIZmRk5Jt0Ov0B8ORF3SibREt9fX10eHhY6rouFxYWNoTH45H79++fAZo3yyPytAXQ2NLScvvy5cuFmqYxOTmJYRhrWtM0jaqqKhKJBG1tbfN3795tAPzrJVpfAKC4qqrK5/F4KsfGxvjk/EdUVzgo1LQ1BZKGwcOnQXp6XdTW1nLw4MHxaDTaBGRyC+ST6Mzg4KD0er2y5XCDnLp5Teo/3cmJ26t86uY12XK4QXq9XulyuSTw3r9KtGPHjl/Gxsbquru7efLHA8pKSxFKfqvIpSUiz6LsqX6d/v5+Ghsbb6RSqRMvkshx/Pjxp3V1dcrDgnKaT57CUQrxBPy9AFstsK0IQrOwuAj2UjApcOPzL3EmwwwNDYV9Pt9uIJXNq+RUU4BXnU6nEolE2P3GAbQCgRACIy1ACLQCweLScphMApOyzHfWHiAcDlNRUVEOWHMui5L1QbYDSywWY35+HquUaAUgpcTIAAh+vDaIkZK82drNlgKJAFJpgZSSmZmZ7E2zAM+yHaw32l/BYJCamho8V79AW3ofRRHMzkP40X0SP1wHYHj+OXvraghpEH8u8Qx9zRGnk1u3biWBWO6mc89AAVS73X7/0qVLznPnzvGarYQy23YAClSV1neaEUJw9eb3AKiqicj0DL9Pxzh79ixdXV13EonEu7k7Nq0UkSuxqOt6JJlMnlBVlYptRfz88BGOyr0cONKM+9vvGH0QYCaRZCoUIRQK80r5dnRUxsfHM36/v5vlsSFX8q76IBcK0FNSUrJ47NgxOfV4Uuq6njemHj+Wra2tsri4OA2cIg+UdTz7/FksFusLBAIIxUTKSAIgxPKtAkgZBkJRCAQC6Lp+HviKjabdYDSA5rKysk87OzvfLioqYmJigoGBAcrLbKiqCggymTThyDQ9PT00NDQwNzfHlStXfpudne0CvDkbXmM0RQhxpqOjY6Cvr0+xWq2oqsro6CgXLlxA0zRsNhsA09PTGIZBb28vhw4dIpPJMDc3h2EYXrPZ3LZv374/WTeuAdpPnz4tg8GgjEajMh6Pr45lXdel2+2W1Uc7ZfXRTul2u9eM8Hg8LqPRqAyHw7K/v38BOJmVKJtcdTgcH7tcLiwWC5qmrWqdhdVqZYt5K1sKt2K1WoFlE2bPRtM0CgsLaW9vt9jt9j7WGa3cbDZXXrx4cUXnjfD7/Tz99T4A169H8Pl8eb/LZDJYLJZKwAYEs2egAI2s/Ue/DDLAOC/wwX/G/wGzeBok5CjgIwAAAABJRU5ErkJggg==”) no-repeat left center transparent; background-size: 95% 95%; } /* Override button link */ .knop4:hover,.knop4:active { border: 1px solid #999; background: #555; color: #eee; text-shadow: #333 1px 2px 2px; } .knop4 { width: 100px; padding: 0px 4px 3px 2px; margin: 5px 1px 3px 3px; text-align: center; font-family: ‘Roboto’, sans-serif; font-size: 13px; } </style>
◀️ Vorige

Andere methode

Select & Copy Info 
<button onclick=”goBack()”>Go Back</button> <script> function goBack() { window.history.back(); } </script>

Go Back