HTMLボタンにハイパーリンクを設定するにはどうすればよいですか? HTMLボタンのハイパーリンクの4つの実装方法-htmlチュートリアル-php.cn

HTMLボタンにハイパーリンクを設定するにはどうすればよいですか? HTMLボタンのハイパーリンクの4つの実装方法

不言

リリース： 2018-10-09 13:54:16

オリジナル

45829 人が閲覧しました

HTML では、見栄えや利便性を高めるためにボタンのハイパーリンクを設定する必要がある場合があります。では、HTML ボタンにハイパーリンクを設定するにはどうすればよいでしょうか。次に、この記事では、HTML ボタンのハイパーリンクの 4 つの実装方法を見ていきます。必要な場合は参考にしてください。

html ボタンにハイパーリンクを設定する方法 1: ハイパーリンクとボタンを組み合わせる方法を使用する

html ボタンのハイパーリンクConnectionコードは次のとおりです:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<a href="//m.sbmmt.com/">
<input type=button value="php中文网" >
</a>
</body>
</html>

ログイン後にコピー

html ボタンのハイパーリンク効果は次のとおりです:

HTMLボタンにハイパーリンクを設定するにはどうすればよいですか? HTMLボタンのハイパーリンクの4つの実装方法

#説明: < の 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="//m.sbmmt.com" class="button">php中文网</a>
</body>
</html>

ログイン後にコピー

HTML ボタンにハイパーリンクを設定する方法 3: フォームフォームを使用して HTML ボタンのハイパーリンクを設定します

html ボタンのハイパーリンクのコードは次のとおりです:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<form method="get" action="//m.sbmmt.com/">
    <button type="submit">php中文网</button>
</form>
</body>
</html>

ログイン後にコピー

HTML ボタンにハイパーリンクを設定する方法 4: window.location.href メソッドを使用します

完全な記述方法:

<a href="链接"> 
　　<input type=button onclick="window.location.href(&#39;连接&#39;)">
</a>

ログイン後にコピー

手順:

1. このページの新しいページに直接ジャンプする場合は、を使用します。新しいページを開いてジャンプする必要がある場合は、次のコマンドを使用します:

上記はこの記事の全内容です。などさらにエキサイティングなコンテンツについては、PHP 中国語 Web サイトに注目してください。！！

以上がHTMLボタンにハイパーリンクを設定するにはどうすればよいですか? HTMLボタンのハイパーリンクの4つの実装方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。