Heim > Artikel > Web-Frontend > Wie setze ich einen Hyperlink auf eine HTML-Schaltfläche? Vier Implementierungsmethoden für HTML-Button-Hyperlinks
Wie setze ich einen Hyperlink auf eine HTML-Schaltfläche? Vier Implementierungsmethoden für HTML-Button-Hyperlinks
- 不言Original
- 2018-10-09 13:54:1745795Durchsuche
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>HTML-Button-HyperlinkDer Effekt ist wie folgt:
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>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>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('连接')"> </a>
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!