Question: What is the best method (cross browser) to utilize an input type button, as a browser back button?

Answer: 
"Best" is a little subjective.

@Mech Software has an acceptable solution, as it's a simple function call. If you're only making one back button, it's probably the way to go. However, I try to place code where it belongs:

HTML belongs in .html, CSS belongs in .css, and JavaScript belongs in .js files. Instead of giving the button an `onclick` attribute, I'd give it a class of `back-button` and attach the `click` listener to each `.back-button` element.

HTML:

```
<input type="button" class="back-button" value="Back" />
<!-- or -->
<button type="button" class="back-button">Back</button>

```

JS:

```
jQuery(function($){
  $('.back-button').click(function(e){
    history.back();
  });
});

```

I'm assuming the jQuery library, as it's relatively ubiquitous (let me know if you want the non-jQuery version of this).

The reason I'd suggest this approach is that it's expandable. If you decide to do something more with your back buttons, or if browsers change (which happens **all the time**) it's simple to change the functionality in exactly one location, rather than having to hunt down every instance of `onclick="history.back()"`.
```
<input type="button" onclick="history.back();" value="Back">

```

The reason I'd suggest this approach is that it's expandable. If you decide to do something more with your back buttons, or if browsers change (which happens all the time) it's simple to change the functionality in exactly one location, rather than having to hunt down every instance of `onclick="history.back()"`.