diff --git a/Base/res/html/misc/button.html b/Base/res/html/misc/button.html
new file mode 100644
index 00000000000..54bb8a257bc
--- /dev/null
+++ b/Base/res/html/misc/button.html
@@ -0,0 +1,21 @@
+<body>
+    <br />
+    <input type=button id=button1 name=hp value="Option 1">
+    <label for=button1>Press Me!</label>
+    <br />
+    <input type=button id=button2 name=hp value="Option 2">
+    <label for=button2>No, Press Me!</label>
+    <br />
+    <div style="display: inline-block;">
+        <pre>Last pressed: <span id=last></span></pre>
+    </div>
+
+    <script>
+        document.getElementById('button1').addEventListener('click', function() {
+            document.getElementById('last').innerHTML = this.value;
+        });
+        document.getElementById('button2').addEventListener('click', function() {
+            document.getElementById('last').innerHTML = this.value;
+        });
+    </script>
+</body>
diff --git a/Base/res/html/misc/welcome.html b/Base/res/html/misc/welcome.html
index e01c58089e2..ee2d4c55c95 100644
--- a/Base/res/html/misc/welcome.html
+++ b/Base/res/html/misc/welcome.html
@@ -46,6 +46,7 @@ span#loadtime {
         <li><a href="float-3.html">floating boxes with overflow=hidden</a></li>
         <li><a href="padding-inline.html">inline elements with padding</a></li>
         <li><a href="event-bubbling-and-multiple-listeners.html">event bubbling and multiple listeners</a></li>
+        <li><a href="button.html">button</a></li>
         <li><a href="radio.html">radio button</a></li>
         <li><a href="checkbox.html">checkbox</a></li>
         <li><a href="canvas-rotate.html">canvas rotate()</a></li>
