如何在此HTML代码中添加三个不同的图像按钮图标？

Question

这是我的HTML代码：

<input id="text" type="text" name="text">
<input type="button" name="page1" onclick="javascript:window.open('http://example.com/' + this.name + '/' + document.getElementById('text').value)">
<input type="button" name="page2" onclick="javascript:window.open('http://example.com/' + this.name + '/' + document.getElementById('text').value)">
<input type="button" name="page3" onclick="javascript:window.open('http://example.com/' + this.name + '/' + document.getElementById('text').value)">

Answer 1

您只需要添加另一个字段，如下所示

<input type="button" style="height:200px;width:200px;background-image:url('https://i.stack.imgur.com/jhiAi.png')"/>