title: How can I add three different image button icons in this HTML code?
body: <p>Here is my HTML code:</p>
  
  <pre><code>&lt;input id="text" type="text" name="text"&gt;
  &lt;input type="button" name="page1" onclick="javascript:window.open('http://example.com/' + this.name + '/' + document.getElementById('text').value)"&gt;
  &lt;input type="button" name="page2" onclick="javascript:window.open('http://example.com/' + this.name + '/' + document.getElementById('text').value)"&gt;
  &lt;input type="button" name="page3" onclick="javascript:window.open('http://example.com/' + this.name + '/' + document.getElementById('text').value)"&gt;
  </code></pre>