Rumah > Artikel > hujung hadapan web > html按钮怎么设置超链接？html按钮超链接的四种实现方法
html按钮怎么设置超链接？html按钮超链接的四种实现方法
- 不言asal
- 2018-10-09 13:54:1745687semak imbas
在html中，有时候为了好看与方便可能会需要设置按钮超链接，那么html按钮怎么设置超链接呢？接下来本篇文章我们就来看看html按钮超链接的四种实现方法，有需要的朋友可以参考一下。
html按钮设置超链接的方法一：使用超链接与button结合的方法
html按钮超链接代码如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="http://www.php.cn/">
<input type=button value="php中文网" >
</a>
</body>
</html>html按钮超链接效果如下：
说明：3499910bf9dac5ae3c52d5ede7383485 标签的 href 属性用于指定超链接目标的URL。
html按钮设置超链接的方法二：使用链接和css样式设置将超链接设置成按钮的形状
html按钮超链接代码如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
<style type="text/css">
a.button {
-webkit-appearance: button;
-moz-appearance: button;
appearance: button;
text-decoration: none;
color: initial;
}
</style>
</head>
<body>
<a href="http://www.php.cn" class="button">php中文网</a>
</body>
</html>html按钮设置超链接的方法三：使用 form表单来设置html按钮超链接
html按钮超链接代码如下：
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<form method="get" action="http://www.php.cn/">
<button type="submit">php中文网</button>
</form>
</body>
</html>html按钮设置超链接的方法四：使用window.location.href方法
完整的写法：
<a href="链接"> <input type=button onclick="window.location.href('连接')"> </a>
说明：
1、若直接在本页跳转到新的页面，则用： fb0c0da54879710b8d43ccabdab3c10f
2、如果需要打开一个新的页面进行跳转，则用： e2025d610e6e9a691f4897785b5e3ae6
以上就是本篇文章的全部内容了，更多其他精彩的内容大家可以关注PHP中文网！！！
Atas ialah kandungan terperinci html按钮怎么设置超链接？html按钮超链接的四种实现方法. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!
Kenyataan：
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya：html如何给文本文字添加删除线？两种方法添加删除线（实例）Artikel seterusnya：html中怎么设置锚点定位？设置锚点定位方法汇总