如何创建一个像链接一样的 HTML 按钮?
htmlweb developmentfront end technology
我们可以轻松创建一个像链接一样且可点击的 HTML 按钮。让我们看以下示例 -
使用
请将光标添加到指针值，使光标看起来像是点击了按钮本身的链接。按钮样式如下:
mybtn {
background-color: white;
text-align: center;
display: inline-block;
font-size: 15px;
cursor: pointer;
}
示例
现在让我们看一下使用
输出
点击按钮链接 Ebooks。它将打开按钮中添加的链接 -
使用 onclick 事件创建 HTML 按钮链接
在此示例中，我们将创建一个带有 onclick 事件的链接按钮 -
CodingGround
请将光标添加到指针值，使光标看起来像是点击了按钮本身的链接。按钮样式如下:
mybtn {
background-color: white;
text-align: center;
display: inline-block;
font-size: 15px;
cursor: pointer;
}
示例
现在让我们看一下使用 onclick 事件创建 HTML 按钮链接的完整示例 -
Refer the complier to run programs online:
输出
点击按钮链接 CodingGround。它将打开按钮中添加的链接:
相关文章
如何在手机上打开 HTML 文件?
如何在 HTML 中创建多行文本输入框(文本区域)?
如何在 HTML 页面中添加视频?
如何在 HTML 网页中添加音频播放器?
如何在 HTML5 中处理地理位置错误?
如何创建不跟随链接的 HTML 链接?
HTML DOM Input Datetime name 属性
什么是 HTML 5 标准事件?
如何将 YouTube 视频添加到您的网站?
HTML 中的容器标签和空标签
打印
下一节 ❯❮ 上一节