'<input type="image'> 图像大小

<input type="image">是HTML中用于定义图像输入字段的标签。 图像输入字段允许用户通过单击图像来提交表单。 在此过程中，图像充当提交按钮。

设置图像大小

通过width和height属性，可以设置<input type="image">标签中图像的大小。

<input type="image" src="example.png" width="200" height="100">

在上面的代码中，width属性设置图像宽度为200像素，height属性设置图像高度为100像素。

还可以使用CSS来设置<input type="image">中图像的大小：

<style>
  input[type="image"] {
    width: 200px;
    height: 100px;
  }
</style>

<input type="image" src="example.png">

应该设置图像大小吗？

尽管可以通过设置图像的大小来改变<input type="image">的外观，但是建议尽量不要设置图像的大小。这是因为：

• 如果图像太小，则用户可能难以看到它，并且可能会误操作。
• 如果图像太大，则可能会影响页面布局，并且会导致页面加载速度变慢。

因此，最好让浏览器根据图像的原始大小自动调整<input type="image">的大小。

总结

• 通过width和height属性，可以设置<input type="image">标签中图像的大小。
• 建议尽量不要设置图像的大小。
• 最好让浏览器根据图像的原始大小自动调整<input type="image">的大小。

参考资料：

• w3schools - HTML Input Image