仅使用 HTML 并使用输入标签按比例调整图像大小？答案

【问题标题】：Proportionally resize an image with just HTML and using a input tag?仅使用 HTML 并使用输入标签按比例调整图像大小？
【发布时间】：2013-12-10 23:45:03
【问题描述】：

<form name="loginform" action="URL_TO_LOGIN_PAGE_GOES_HERE" method="post">
<input type="hidden" name="log" value="USERNAME" />
<input type="hidden" name="pwd" value="PASSWORD" />
<input type="submit" value="" class="mtrgimg" style="background:url(http://aff.securesb.info/accounts/default1/banners/b40a4792.png) center no-repeat; width:145px; height:145px; border:none; cursor:pointer;" />
</form>

http://jsfiddle.net/kr3n4/1/

我希望将此按钮中的图像按比例调整为 145x145。我无权访问样式表，因此无法使用任何 CSS。此外，不能使用 JavaScript。必须有一种仅使用 HTML 来调整大小的方法。

此外，当一切都说完了，我还希望这个按钮在新的新标签页或窗口中打开它的链接。

【问题讨论】：

没有 CSS 或 JS 是不可能的。
@Babblo 不开玩笑吗？好的。谢谢。我将使用 Photoshop 预先调整图像大小，然后将其上传到 FTP 并用新的 URL 替换我当前的 URL。只是想知道这是否可能。另外，在新标签中打开“提交操作”怎么样？
您可以尝试在表单中使用 target"_blank"，但我不确定这是否仍然有效。顺便说一句，为什么你不能使用 css 或 js ？
@Babblo 因为它是我正在使用的大型软件，并且 CSS 受 alpha 和 beta 保护，更改 CSS 将是一个巨大的项目 - QA 需要参与..和我们真正的开发团队。无论如何，这一切都很好。感谢 S.O. 的你们，我们搞定了这一切！

标签： html image input resize

【解决方案1】：

我希望按比例调整此按钮中的图像大小到 145x145。我无权访问样式表，因此无法使用任何样式表 CSS。此外，不能使用 JavaScript。必须有一种方法来调整使用只是 HTML。

好吧，<input> 中的 style 标记是（内联）CSS。例如，您可以使用它并遵循方法discussed in this thread。

另外，当一切都说完了，我还希望这个按钮在新的新标签页或窗口中打开它的链接。

您可以将target="_blank"放在<form>标签上，以在新窗口中打开设置为action的页面。

【讨论】：

谢谢老板。 target="_blank" 做到了！我只是用 Photoshop 手动调整了图像的大小，然后引用了新的 URL。全部完成！