</form>
<pre class="prettyprint linenums">
<a class="btn" href="">Link</a>
-<button class="btn" type="submit">
- Button
-</button>
-<input class="btn" type="button"
- value="Input">
-<input class="btn" type="submit"
- value="Submit">
+<button class="btn" type="submit">Button</button>
+<input class="btn" type="button" value="Input">
+<input class="btn" type="submit" value="Submit">
</pre>
<p>As a best practice, try to match the element for you context to ensure matching cross-browser rendering. If you have an <code>input</code>, use an <code><input type="submit"></code> for your button.</p>
</form>
<pre class="prettyprint linenums">
<a class="btn" href="">{{_i}}Link{{/i}}</a>
-<button class="btn" type="submit">
- {{_i}}Button{{/i}}
-</button>
-<input class="btn" type="button"
- value="{{_i}}Input{{/i}}">
-<input class="btn" type="submit"
- value="{{_i}}Submit{{/i}}">
+<button class="btn" type="submit">{{_i}}Button{{/i}}</button>
+<input class="btn" type="button" value="{{_i}}Input{{/i}}">
+<input class="btn" type="submit" value="{{_i}}Submit{{/i}}">
</pre>
<p>{{_i}}As a best practice, try to match the element for you context to ensure matching cross-browser rendering. If you have an <code>input</code>, use an <code><input type="submit"></code> for your button.{{/i}}</p>