Boutons d'image utilisant HTML5

PHPz

Libérer： 2023-08-20 20:17:11

avant

1294 Les gens l'ont consulté

Boutons dimage utilisant HTML5

Dans le prochain article, nous découvrirons l'utilisation des boutons d'image HTML5.

tâche, nous faisons en sorte que l'image agisse comme un bouton. Lorsque l'utilisateur clique sur le bouton, le Le formulaire est envoyé au serveur. Examinons-le.

Qu'est-ce qu'un bouton image

Les boutons d'image sont créés en plaçant la balise Boutons d'image utilisant HTML5 à l'intérieur de la balise

En utilisant la balise Boutons d'image utilisant HTML5

, nous pouvons inclure une image sur une page HTML. Les images ne sont pas réellement intégrées dans les pages Web, elles y sont connectées via des chemins prédéterminés. La balise se compose de deux attributs obligatoires, à savoir src et alt. .

Syntaxe

Voici la syntaxe de la balise Boutons d'image utilisant HTML5

<img src=”..” alt=”..”>

Copier après la connexion

Un bouton cliquable est défini par la balise

source：tutorialspoint.com

Article précédent：Comment insérer un saut de ligne unique en HTML ? Article suivant：Comment utiliser le type de saisie mois en HTML ?

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

Derniers articles par auteur

Les clés du codage : libérer la puissance du C pour les débutants

2024-10-13 11:44:01

Connectez votre site Web aux bases de données avec PHP et MySQL

2024-10-13 09:56:31

Résolution de problèmes avec Python : débloquez des solutions puissantes en tant que codeur débutant

2024-10-11 20:58:41

Python Power, simplifié : une approche de la programmation adaptée aux débutants

2024-10-11 16:53:11

PHP et médias sociaux : intégrez votre site Web au monde

2024-10-11 11:54:51

Galeries d'images dynamiques avec PHP : présentez votre travail en ligne

2024-10-10 16:21:01

Créez des API et des services Web avec PHP

2024-10-10 15:18:02

Démystifier Java : un chemin clair et simple pour les nouveaux programmeurs

2024-10-10 13:34:01

Créer des jeux et des graphiques avec C : une introduction amusante et pratique

2024-10-10 13:26:26

Comment jouer Cheng Yaojin dans Glory of Kings ?

2024-10-10 11:38:42

Derniers numéros

function_exists() ne peut pas déterminer la fonction personnalisée Function test () {return true;} if (function_exists ('test')) {echo "le test est une ...

Depuis 2024-04-29 11:01:01

0

3

2291

Comment afficher la version mobile de Google Chrome Bonjour professeur, comment puis-je changer Google Chrome en version mobile ?

Depuis 2024-04-23 00:22:19

0

11

2429

La fenêtre enfant exploite la fenêtre parent, mais la sortie ne répond pas. Les deux premières phrases sont exécutables, mais la dernière ne peut pas être implémentée...

Depuis 2024-04-19 15:37:47

0

1

2041

Il n'y a aucune sortie dans la fenêtre parent document.onclick = function(){ window.opener.document.write('Je suis la sortie de la fenêt...

Depuis 2024-04-18 23:52:34

0

1

1927

Où sont les didacticiels sur la cartographie mentale CSS ? Didacticiel

Depuis 2024-04-16 10:10:18

0

0

1999

Rubriques connexes
Plus>

Introduction à la signification des fenêtres de téléchargement cloud

La solution au paramètre d'interface chinoise de vscode ne prend pas effet

Comment fermer le port 135 445

Pourquoi le disque dur mobile est-il si lent à s'ouvrir ?

Comment utiliser split en python

écran de téléphone portable tft

Comment redimensionner des images dans PS

Solution d'erreur de paramètre 0x80070057

Recommandations populaires

Que signifie l'URL ?

Que signifie DOM ?

Comment changer la taille de l'image

Comment mettre la police en gras en HTML

Comment définir la taille des images HTML

Tutoriels populaires
Plus>

Tutoriels associés

Recommandations populaires

Derniers cours

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)

1424432

Premier tutoriel d'introduction à PHP : Apprenez PHP en une semaine

4270878

Tutoriel vidéo JAVA pour débutants

2550128

Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle

508335

Tutoriel d'introduction PHP base zéro

863830

Le dernier didacticiel vidéo ThinkPHP 5.1 en première mondiale (60 jours pour devenir un expert PHP en ligne)

1424432 temps d'étude

Tutoriel vidéo JAVA pour débutants

2550128 temps d'étude

Tutoriel vidéo d'introduction base zéro à l'apprentissage de Python de Little Turtle

508335 temps d'étude

Introduction rapide au développement web front-end

215987 temps d'étude

Maîtrisez les didacticiels vidéo PS à partir de zéro

892651 temps d'étude

[Web front-end] Démarrage rapide de Node.js

7707 temps d'étude

Collection complète de cours full-stack de développement Web étranger

6151 temps d'étude

Aller au langage pratique GraphQL

5086 temps d'étude

Le maître du ventilateur de 550 W apprend JavaScript à partir de zéro, étape par étape

706 temps d'étude

Le maître Python Mosh, un débutant sans aucune connaissance de base peut commencer en 6 heures

25781 temps d'étude

Derniers téléchargements
Plus>

effets Web

Code source du site Web

Matériel du site Web

Modèle frontal

[bouton de formulaire] Code de contact du formulaire de message d'entreprise jQuery

[Effets spéciaux du joueur] Effets de lecture de boîte à musique HTML5 MP3

[Navigation dans les menus] Effets spéciaux du menu de navigation d'animation de particules cool HTML5

[bouton de formulaire] Code d'édition par glisser-déposer du formulaire visuel jQuery

[Effets spéciaux du joueur] Code du lecteur de musique Kugou imitation VUE.JS

[effets spéciaux HTML5] Jeu de boîte de poussée HTML5 classique

[Effets spéciaux d'image] défilement jQuery pour ajouter ou réduire des effets d'image

[Effets d'album photo] Effet de zoom de survol de la couverture de l'album personnel CSS3

[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure

[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches

[Modèle frontal] Modèle Web de CV de travail créatif de concepteur

[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne

[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs

[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne

[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet

[Modèle frontal] Modèle de site Web de service de trading de devises de style violet

[Matériau PNG] Matériau vectoriel d'éléments d'été mignons (EPS+PNG)

[Matériau PNG] Matériel vectoriel de quatre badges de graduation rouges 2023 (AI+EPS+PNG)

[image de bannière] Oiseau chantant et chariot rempli de fleurs design matériel vectoriel de bannière de printemps (AI + EPS)

[Matériau PNG] Matériau vectoriel de chapeau de graduation doré (EPS+PNG)

[Matériau PNG] Matériel vectoriel d'icône de montagne de style noir et blanc (EPS+PNG)

[Matériau PNG] Matériel vectoriel de silhouette de super-héros (EPS+PNG) avec des capes de couleurs différentes et des poses différentes

[image de bannière] Matériel vectoriel de bannière Arbor Day de style plat (AI + EPS)

[Matériau PNG] Matériel vectoriel de neuf bulles de discussion explosives de style bande dessinée (EPS+PNG)

[Modèle frontal] Modèle de site Web d'entreprise de services de nettoyage et de réparation de décoration intérieure

[Modèle frontal] Modèle de page de guide de CV personnel aux couleurs fraîches

[Modèle frontal] Modèle Web de CV de travail créatif de concepteur

[Modèle frontal] Modèle de site Web d'entreprise de construction d'ingénierie moderne

[Modèle frontal] Modèle HTML5 réactif pour les établissements de services éducatifs

[Modèle frontal] Modèle de site Web de centre commercial de boutique de livres électroniques en ligne

[Modèle frontal] La technologie informatique résout le modèle de site Web d'entreprise Internet

[Modèle frontal] Modèle de site Web de service de trading de devises de style violet

Boutons d'image utilisant HTML5

Qu'est-ce qu'un bouton image

Examinons les exemples pour comprendre le bouton image avec HTML5.

Lorsque le script est exécuté, il génère une sortie affichant le bouton d'image avec du texte dessus ainsi qu'une invite sur la page Web.

Lorsque le script est exécuté, il génère une sortie affichant le champ de saisie du nom d'utilisateur et du mot de passe ainsi qu'un bouton d'image sur la page Web. Lorsque l'utilisateur clique sur le bouton d'image, le formulaire est soumis au serveur.

Lors de l'exécution du script ci-dessus, la fenêtre de sortie apparaîtra, affichant la connexion fournie avec un espace réservé pour saisir l'e-mail ainsi qu'un bouton d'image sur la page Web.