Maison > interface Web > tutoriel HTML > La balise bouton HTML comporte-t-elle un lien hypertexte ? Voici un exemple de balise de bouton définissant un lien hypertexte

La balise bouton HTML comporte-t-elle un lien hypertexte ? Voici un exemple de balise de bouton définissant un lien hypertexte

寻∝梦
Libérer: 2018-08-30 17:16:28
original
4085 Les gens l'ont consulté

Cet article vous explique principalement la méthode d'ajout d'hyperliens vers les étiquettes des boutons des boutons html, avec des exemples et des explications. Ensuite, jetons un coup d'œil à cet article sur l'ajout d'hyperliens à la balise de bouton du bouton html

Tout d'abord, voyons si la balise de bouton html a un lien hypertexte :

Jetons un coup d'œil à un exemple

<input type="button" value="注册" onclick="window.location.href=&#39;//m.sbmmt.com&#39;">
Copier après la connexion

L'effet est très évident. Un bouton s'affiche sur la page Web, et lorsque vous cliquez dessus, il passera au lien cible. La balise bouton est donc un lien hypertexte, mais ce n’est pas l’utilisation la plus courante des balises bouton.

Jetons maintenant un œil à l'explication de l'ajout d'un lien hypertexte à la balise bouton :

Si vous souhaitez que cette page soit redirigée vers une nouvelle page, utilisez : < ;input type=button onclick ="window.location.href('Connect')">

Si vous devez ouvrir une nouvelle page pour la redirection, utilisez : Remarque : le bouton et le lien hypertexte ci-dessus ne sont utiles que pour IE. Si vous souhaitez utiliser Firefox et Safari en même temps, vous pouvez utiliser les méthodes suivantes :

<a href="链接"><input type=button onclick="window.location.href(&#39;连接&#39;)"> </a>
Copier après la connexion

Un lien hypertexte est un élément qui permet à une page web de se connecter à d'autres pages web ou sites et fait partie d'une page Web. Selon les différents objets d'utilisation, les hyperliens peuvent être répartis en : hyperliens textes, hyperliens images, liens E-mail, liens d'ancrage, liens vers des fichiers multimédias, liens vides, etc.

La cible d'un lien hypertexte peut être une autre page web, un emplacement différent sur la même page web, une image, une adresse email, un fichier, ou encore une application, etc. L'objet utilisé pour les hyperliens dans une page Web peut être un morceau de texte ou une image. Lorsque le spectateur clique sur le texte ou l'image lié, la cible du lien sera affichée sur le navigateur et ouverte ou exécutée en fonction du type de cible.

Code de référence :

<a href="链接">
<input type=button onclick="window.location.href(&#39;超连接地址&#39;)"> 
</a>
Copier après la connexion

Description du code : L'événement onclick se produit lorsque l'on clique sur l'objet.

Veuillez noter que onclick est différent de onmousedown. Un événement de clic se produit lorsqu'un événement de souris enfoncée se produit sur le même élément, suivi d'un événement de relâchement de la souris.

window.location.href="Adresse de saut" ; signifie rediriger vers une nouvelle page et actualiser la page ouverte

Étiquette du bouton HTML plus lien hypertexte Méthodes d'utilisation :

1. Redirection de page vers une nouvelle page :

<input type="button" onclick="window.location.href(&#39;连接&#39;)">
Copier après la connexion

2. >

Étant donné que les navigateurs que nous utilisons ont des noyaux différents, tout comme les deux suivants, leur utilisation est également différente
<input type="button" onclick="window.open(&#39;连接&#39;)">
Copier après la connexion

3.IE Utilisation :

<input type="button" name="test" value="test" onClick="location.href=&#39;a.html&#39;"/>
Copier après la connexion
4. Utilisation dans Firefox :

[Recommandation de l'éditeur]
<a href="b.html"><input type="button" name="test" value="test"/></a>
Copier après la connexion

html La balise p est-elle une seule balise ? Introduction à l'utilisation des balises html p (avec exemples inclus)


Comment créer une zone de saisie de texte multiligne dans le formulaire de saisie ? Un article vous apprend à utiliser la balise input

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal