Wie setze ich einen Hyperlink auf eine HTML-Schaltfläche? Vier Implementierungsmethoden für HTML-Button-Hyperlinks-HTML-Tutorial-php.cn

Wie setze ich einen Hyperlink auf eine HTML-Schaltfläche? Vier Implementierungsmethoden für HTML-Button-Hyperlinks

不言

Freigeben： 2018-10-09 13:54:16

Original

45788 Leute haben es durchsucht

In HTML müssen Sie manchmal aus Gründen des guten Aussehens und der Benutzerfreundlichkeit einen Hyperlink für eine Schaltfläche festlegen. Als Nächstes werfen wir in diesem Artikel einen Blick auf die vier Implementierungsmethoden von HTML-Button-Hyperlinks, auf die Freunde in Not verweisen können.

Methode 1 zum Festlegen von Hyperlinks auf HTML-Schaltflächen: Verwenden der Methode zum Kombinieren von Hyperlinks mit Schaltflächen

HTML-Schaltflächen-HyperlinksVerbindenDer Code lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<a href="http://www.php.cn/">
<input type=button value="php中文网" >
</a>
</body>
</html>

Nach dem Login kopieren

HTML-Button-HyperlinkDer Effekt ist wie folgt:

Wie setze ich einen Hyperlink auf eine HTML-Schaltfläche? Vier Implementierungsmethoden für HTML-Button-Hyperlinks

Erklärung: Das href-Attribut von -Tag-URL, die zur Angabe des Ziels eines Hyperlinks verwendet wird.

So legen Sie Hyperlinks auf HTML-Schaltflächen fest: Verwenden Sie die Link- und CSS-Stileinstellungen, um die Hyperlinks in die Form von Schaltflächen zu bringen

Der Hyperlink-Code der HTML-Schaltfläche lautet wie folgt:

<!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>

Nach dem Login kopieren

Methode 3 zum Festlegen eines Hyperlinks für die HTML-Schaltfläche: Verwenden Sie das Formular, um den HTML-Schaltflächen-Hyperlink festzulegen.

Der HTML-Schaltflächen-Hyperlink-Code lautet wie folgt:

<!DOCTYPE html>
<html>
<head>
    <title></title>
</head>
<body>
<form method="get" action="http://www.php.cn/">
    <button type="submit">php中文网</button>
</form>
</body>
</html>

Nach dem Login kopieren

So setzen Sie Hyperlinks auf HTML-Schaltflächen: Verwenden Sie die Methode window.location.href

Vollständige Schreibmethode:

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

Nach dem Login kopieren

Anleitung:

1. Wenn Sie direkt zu einer neuen Seite auf dieser Seite springen, verwenden Sie: 2. Wenn Sie zum Springen eine neue Seite öffnen müssen, verwenden Sie:

Das Obige ist der gesamte Inhalt dieses Artikels. und mehr Für spannendere Inhalte können Sie auf die chinesische PHP-Website achten! ! !

Das obige ist der detaillierte Inhalt vonWie setze ich einen Hyperlink auf eine HTML-Schaltfläche? Vier Implementierungsmethoden für HTML-Button-Hyperlinks. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!