ホームページ > 記事 > ウェブフロントエンド > HTMLボタンにハイパーリンクを設定するにはどうすればよいですか? HTMLボタンのハイパーリンクの4つの実装方法
HTMLボタンにハイパーリンクを設定するにはどうすればよいですか? HTMLボタンのハイパーリンクの4つの実装方法
- 不言オリジナル
- 2018-10-09 13:54:1745795ブラウズ
HTML では、見栄えや利便性を高めるためにボタンのハイパーリンクを設定する必要がある場合があります。では、HTML ボタンにハイパーリンクを設定するにはどうすればよいでしょうか。次に、この記事では、HTML ボタンのハイパーリンクの 4 つの実装方法を見ていきます。必要な場合は参考にしてください。
html ボタンにハイパーリンクを設定する方法 1: ハイパーリンクとボタンを組み合わせる方法を使用する
html ボタンのハイパーリンクConnectionコードは次のとおりです:
<!DOCTYPE html>
<html>
<head>
<title></title>
</head>
<body>
<a href="http://www.php.cn/">
<input type=button value="php中文网" >
</a>
</body>
</html>html ボタンのハイパーリンク効果は次のとおりです:
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 ボタンにハイパーリンクを設定する方法 3: フォーム フォームを使用して 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 ボタンにハイパーリンクを設定する方法 4: window.location.href メソッドを使用します
完全な記述方法:<a href="链接"> <input type=button onclick="window.location.href('连接')"> </a>手順:
上記はこの記事の全内容です。など さらにエキサイティングなコンテンツについては、PHP 中国語 Web サイトに注目してください。 ！ ！
以上がHTMLボタンにハイパーリンクを設定するにはどうすればよいですか? HTMLボタンのハイパーリンクの4つの実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。