如何使 HTML Print Screen 代码成为一个简单的按钮而不是文本?
How do I make this HTML Print Screen code a simple button instead of text?
<a title="Print Screen" alt="Print Screen" onclick="window.print();" target="_blank" style="cursor:pointer;">CLICK HERE TO PRINT FORM!</a>
使用 button tag :
<button onclick="window.print();">CLICK HERE TO PRINT FORM!</button>
您正在使用 hyper link。您需要改用按钮。
<input type="button" name="Print Screen" value = "CLICK HERE TO PRINT FORM!" onclick="window.print();" target="_blank" style="cursor:pointer;"/>
要创建按钮,您必须使用按钮标签而不是 <a/>
( <button />
)
你可能不想听到的是,我可能更喜欢它是一个 hyperlink,因为它导航到一个新选项卡并使用 target="_blank"
这篇 link 在文章中间附近有关于何时使用按钮或超级按钮的指南link。 http://www.karlgroves.com/2013/05/14/links-are-not-buttons-neither-are-divs-and-spans/
mayankTUM 抢在我回答的下一部分,他写得更快。根据您的要求,使用 <input type="button" />
将是更合适的解决方案。他的语法有效并满足您的要求。
这是我最近用的。 (.5) 表示 50%,如果将其保留为 (),则为 100%
<a button onclick=window.print(.5) class="btn"> print </a>
<a title="Print Screen" alt="Print Screen" onclick="window.print();" target="_blank" style="cursor:pointer;">CLICK HERE TO PRINT FORM!</a>
使用 button tag :
<button onclick="window.print();">CLICK HERE TO PRINT FORM!</button>
您正在使用 hyper link。您需要改用按钮。
<input type="button" name="Print Screen" value = "CLICK HERE TO PRINT FORM!" onclick="window.print();" target="_blank" style="cursor:pointer;"/>
要创建按钮,您必须使用按钮标签而不是 <a/>
( <button />
)
你可能不想听到的是,我可能更喜欢它是一个 hyperlink,因为它导航到一个新选项卡并使用 target="_blank"
这篇 link 在文章中间附近有关于何时使用按钮或超级按钮的指南link。 http://www.karlgroves.com/2013/05/14/links-are-not-buttons-neither-are-divs-and-spans/
mayankTUM 抢在我回答的下一部分,他写得更快。根据您的要求,使用 <input type="button" />
将是更合适的解决方案。他的语法有效并满足您的要求。
这是我最近用的。 (.5) 表示 50%,如果将其保留为 (),则为 100%
<a button onclick=window.print(.5) class="btn"> print </a>