Dev Faq
9
votes

HTML / CSS - Boutons - Quand utiliser quoi

J'ai une question assez basique concernant les boutons sur les pages HTML.

Comme nous le savons, il existe plusieurs possibilités de les créer. Il est possible de définir affichage: bloc; sur un a , donc on peut affecter une couleur, une largeur et une hauteur. Mais il y a aussi l'élément HTML bouton et l'élément Soumettre .

Quand utiliser quoi? Par exemple, lors de la création d'un formulaire, je besoin a Soumettre l'élément si je me souviens bien. Mais lorsque j'ai un bouton en dehors d'une forme, je peux utiliser un normal un . Mais toujours, je ne sais pas ensuite à utiliser le bouton .

Pouvez-vous m'aider avec cela?

0 commentaires

5 Réponses :

3
votes

Le bouton ( ) élément HTML représente un bouton Clickable.

L'élément d'ancrage HTML ( ) définit un lien hypertexte, la destination cible nommée pour un lien hypertexte, ou les deux.

0 commentaires
12
votes

ancrages ( ) doit être utilisé lorsqu'il s'agit d'un lien , et non d'une soumission de formulaire.

Les robots de recherche des moteurs ne peuvent pas suivre les liens qui sont soumis par entrée ou , uniquement A . Par conséquent, à des fins de référencement, il est préférable d'utiliser des ancrages pour des liens.

Si c'est un formulaire, vous devez toujours utiliser un bouton ou une entrée ou une entrée car ceux-ci peuvent soumettre le formulaire sur la touche ENTER enfoncée (contrairement aux liens) et généralement mieux pour l'accessibilité.

Je n'entrerai pas dans les détails sur l'utilisation de la touche ou ENTRÉE , car il existe déjà un poste indépendant à ce sujet:

VS. . Qui à utiliser?

0 commentaires
0
votes

J'ai récemment utilisé des boutons sous forme de crochets JavaScript s'il ressort de la tâche de fixer des gestionnaires d'événements aux boutons plutôt qu'à un élément d'ancrage.

Les balises d'ancrage représentent un emplacement, alors qu'un bouton pour moi est plus un acte. J'utilise des boutons comme navigations de diapositives, pour afficher / masquer le contenu et effectuer des demandes Ajax. : D

0 commentaires
0
votes

sous une forme, vous devez utiliser l'élément approprié.

'A' n'est pas vraiment approprié sous une forme.

Regardez l'objectif principal des éléments sur W3C par exemple.

Parce que vous pouvez prendre n'importe quel élément, et avec CSS ou JS, vous pouvez modifier le comportement et les objectifs ... et c'est tellement mauvais. (usages, accessibilité, compréhension)

0 commentaires
0
votes

Selon w3schools.com ,

Définition et utilisation

La balise définit un bouton cliquable.

à l'intérieur d'un Vous pouvez mettre du contenu, comme le texte ou les images. C'est la différence entre cet élément et des boutons créés avec L'élément .

Conseil: Spécifiez toujours l'attribut type d'un . Différents navigateurs utilisent différents types par défaut pour le élément.

et aussi:

conseils et notes

Remarque: Si vous utilisez l'élément dans un formulaire HTML, différent Les navigateurs peuvent soumettre des valeurs différentes. Utilisez pour créer des boutons dans un formulaire HTML.

Pour ce que je vois, Les balises sont destinées à être utilisées extérieures de formulaires et > à l'intérieur.

Par défaut, les deux sont stylés comme l'utilisation de votre navigateur pour styles , contrairement à tag.

2 commentaires

Veuillez ne pas utiliser W3Schools comme source fiable d'informations qui sont notoirement pauvre pour garantir que leur contenu est correct / à jour

Désolé, je ne savais pas que W3school était activement obsolète par le développeur Web. Je vais essayer de ne pas les référer la prochaine fois sans d'autres références. Cependant, ce n'est pas parce qu'il y a un contenu trompeur sur celui-ci que tout se trompe automatiquement, non?

Articles qui pourrait vous intéresser :

Google Chrome Uncaught (promis) DOMException lors de la lecture AUDIO
Select2 ne s'affiche pas correctement dans le mode bootstrap
Le bootstrap de Twitter a-t-il des classes utilitaires de taille de police?
Comment puis-je définir un format pour les nombres d'entrée dans Blazor