HTML ボタン タグにはハイパーリンクがありますか?ハイパーリンクを設定するボタンタグの例を次に示します。

寻∝梦
リリース: 2018-08-30 17:16:28
オリジナル
4041 人が閲覧しました

この記事では主にHTMLボタンのボタンラベルにハイパーリンクを追加する方法を例と解説を交えて説明します。次に、HTML ボタン ボタン タグへのハイパーリンクの追加に関するこの記事を見てみましょう

まず、HTML ボタン タグにハイパーリンクがあるかどうかを確認してみましょう:

例を見てみましょう

<input type="button" value="注册" onclick="window.location.href=&#39;http://www.php.cn&#39;">
ログイン後にコピー

this 効果は次のとおりです当たり前ですが、Webページ上にボタンが表示され、クリックすると目的のリンクにジャンプします。したがって、ボタン タグはハイパーリンクですが、これはボタン タグの最も一般的な使用法ではありません。

ここで、ボタン タグにハイパーリンクを追加する説明を見てみましょう:

このページを新しいページにリダイレクトしたい場合は、

リダイレクトのために新しいページを開く必要がある場合は、次を使用します: 注: 上記のボタンとハイパーリンクは IE のみで使用できます。 Firefox と Safari を同時に使用したい場合は、次の方法を使用できます:

<a href="链接"><input type=button onclick="window.location.href(&#39;连接&#39;)"> </a>
ログイン後にコピー

ハイパーリンクは、Web ページが他の Web ページまたはサイトに接続できるようにする要素であり、Web ページの一部です。さまざまな使用目的に応じて、ハイパーリンクは、テキスト ハイパーリンク、画像ハイパーリンク、電子メール リンク、アンカー リンク、マルチメディア ファイル リンク、空のリンクなどに分類できます。

ハイパーリンクのターゲットは、別の Web ページ、同じ Web ページ上の別の場所、写真、電子メール アドレス、ファイル、アプリケーションなどにすることができます。 Web ページ内のハイパーリンクに使用されるオブジェクトは、テキストまたは画像です。閲覧者がリンクされたテキストまたは画像をクリックすると、リンク ターゲットがブラウザ上に表示され、ターゲットの種類に基づいて開かれるか実行されます。

参照コード:

<a href="链接">
<input type=button onclick="window.location.href(&#39;超连接地址&#39;)"> 
</a>
ログイン後にコピー

コードの説明: onclick イベントは、オブジェクトがクリックされたときに発生します。

onclick は onmousedown とは異なることに注意してください。同じ要素上でマウス ダウン イベントが発生し、続いてマウス アップ イベントが発生すると、クリック イベントが発生します。

window.location.href="ジャンプ アドレス"; は、新しいページにリダイレクトし、開いているページを更新することを意味します。

HTML ボタンのボタン タグとハイパーリンクを使用するいくつかの方法:

1.ページ:

<input type="button" onclick="window.location.href(&#39;连接&#39;)">
ログイン後にコピー

2. リダイレクトするには新しいページを開く必要があります:

<input type="button" onclick="window.open(&#39;连接&#39;)">
ログイン後にコピー

次の 2 つと同様に、使用するブラウザーの使用方法も異なります。 IE の場合:

<input type="button" name="test" value="test" onClick="location.href=&#39;a.html&#39;"/>
ログイン後にコピー
4. Firefox での使用:

<a href="b.html"><input type="button" name="test" value="test"/></a>
ログイン後にコピー
【編集者のおすすめ】

html p タグは単一のタグですか? html pタグの使い方を紹介(例付き)


入力フォームに複数行のテキスト入力ボックスを作成するには?この記事では、input タグの使用方法を説明しています

以上がHTML ボタン タグにはハイパーリンクがありますか?ハイパーリンクを設定するボタンタグの例を次に示します。の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート