Maison interface Web tutoriel HTML balise fieldset, balise légende

balise fieldset, balise légende

Jun 27, 2017 am 11:53 AM
fieldset ie

Dans le formulaire, nous pouvons regrouper et classer les informations du formulaire. Par exemple, dans le formulaire d'inscription, nous pouvons regrouper les informations d'inscription en
Informations de base (généralement requises)
Détaillées. information ( Généralement facultative)
Alors, comment pouvons-nous mieux y parvenir ? On peut envisager d'ajouter les deux balises suivantes au formulaire :
Fieldset : Regrouper les formulaires. Un formulaire peut avoir plusieurs jeux de champs.
Légende : Décrivez la description du contenu de chaque groupe.

Regardons le code suivant :


Exemple de code source [www.52css.com]



Basic Register

Prénom :


...


Registre détaillé

Intérêt : < / p>
...


...


L'ensemble de champs est bordé par défaut, tandis que la légende est normal par défaut Affiché dans le coin supérieur gauche. Mais sur certaines pages, nous ne voulons pas que les styles ou les dispositions par défaut des jeux de champs et des légendes affectent l'esthétique de la conception. La solution consiste à définir la bordure du jeu de champs sur 0 et l'affichage de la légende sur aucun en CSS.

◆ Étiquette d'étiquette

Tout le monde devrait être familier avec les étiquettes d'étiquette Nous attribuons une étiquette d'étiquette à l'étiquette de texte dans le formulaire et utilisons l'attribut for pour la créer. Les composants de formulaire sont associés, et l'effet est que lorsque vous cliquez sur l'étiquette de texte, le curseur s'affiche dans le composant de formulaire correspondant.

Regardons le code suivant :


Exemple de code source [www.52css.com]



Basic Register





...


Registre détaillé





...

...


En plus aux méthodes ci-dessus. De plus, nous pouvons également utiliser des balises d'étiquette pour imbriquer l'intégralité du composant de formulaire et l'étiquette de texte, voir le code suivant :


Exemple Code source [ www.52css.com]


Selon la spécification, le texte sera automatiquement associé aux composants de formulaire adjacents, mais malheureusement le navigateur grand public IE6 ne prend pas en charge cette fonctionnalité.

◆ attribut accesskey, attribut tabindex

Le site Web doit prendre en compte une utilisation normale dans davantage d'environnements de navigation. Par exemple, lorsqu'il n'y a pas de dispositif de curseur (comme un. souris), le site Web doit Vous pouvez également remplir le formulaire à l'aide des opérations du clavier. Pour l'instant, cliquer n'a aucune signification pour eux. À ce stade, nous choisissons la clé d'accès de l'étiquette (touche de raccourci, valeur de l'attribut alt+accesskey sous IE, valeur de l'attribut alt+shift+accesskey sous FF) et l'attribut tabindex (touche Tab, la valeur de l'attribut tabindex est une séquence) à ajouter à l'étiquette du formulaire. . Tels que l'étiquette, l'entrée, etc.
Regardons le code suivant :


Exemple de code source [www.52css.com]



◆ balise optgroup

Le rôle de la balise optgroup est défini dans la sélection list Un ensemble d'options. Nous pouvons utiliser la balise optgroup pour classer les options de l'élément select et utiliser l'attribut label. La valeur de l'attribut sera affichée sous la forme d'un titre en retrait non sélectionnable dans la liste déroulante (sélectionner). Veuillez noter que les optgroups ne prennent pas en charge l'imbrication.

Regardons le code suivant :


Exemple de code source [www.52css.com]


Il y en a un dans IE6 Petit bug (pas de problème dans FireFox) : lors de l'utilisation des touches fléchées du clavier pour sélectionner, dans IE, lorsque l'élément sélectionné passe d'une option d'un optgroup à une option d'un autre optgroup, la modification ne sera pas déclenchée. La solution consiste à ajouter des événements onkeydown ou onkeyup pour aider à résoudre le problème.

◆balise de bouton

Nous la définissons comme un bouton de soumission. Dans l'élément bouton, vous pouvez placer du contenu, tel que du texte ou des images. C'est la différence entre cet élément et le bouton de l'élément d'entrée.


Exemple de code source [www.52css.com]


Cliquez-moi !Cliquez-moi !


La balise bouton offre plus de fonctions et contenu plus riche. Le bouton sépare le texte du bouton et vous pouvez ajouter des images dans le bouton, donnant au texte et aux images plus de styles parmi lesquels choisir, rendant le bouton rigide plus vif et flexible. Et l'utilisation de la balise bouton sera plus sémantique que le bouton de saisie, et elle peut être comprise simplement à partir du sens littéral.

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!

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

Outils d'IA chauds

Undresser.AI Undress

Undresser.AI Undress

Application basée sur l'IA pour créer des photos de nu réalistes

AI Clothes Remover

AI Clothes Remover

Outil d'IA en ligne pour supprimer les vêtements des photos.

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

AI Hentai Generator

AI Hentai Generator

Générez AI Hentai gratuitement.

Article chaud

R.E.P.O. Crystals d'énergie expliqués et ce qu'ils font (cristal jaune)
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Meilleurs paramètres graphiques
3 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
R.E.P.O. Comment réparer l'audio si vous n'entendez personne
4 Il y a quelques semaines By 尊渡假赌尊渡假赌尊渡假赌
WWE 2K25: Comment déverrouiller tout dans Myrise
1 Il y a quelques mois By 尊渡假赌尊渡假赌尊渡假赌

Outils chauds

Bloc-notes++7.3.1

Bloc-notes++7.3.1

Éditeur de code facile à utiliser et gratuit

SublimeText3 version chinoise

SublimeText3 version chinoise

Version chinoise, très simple à utiliser

Envoyer Studio 13.0.1

Envoyer Studio 13.0.1

Puissant environnement de développement intégré PHP

Dreamweaver CS6

Dreamweaver CS6

Outils de développement Web visuel

SublimeText3 version Mac

SublimeText3 version Mac

Logiciel d'édition de code au niveau de Dieu (SublimeText3)

Comment définir la largeur du jeu de champs Comment définir la largeur du jeu de champs Nov 23, 2023 am 11:39 AM

Méthodes pour définir la largeur de l'ensemble de champs : 1. Utilisez l'attribut width de CSS ; 2. Utilisez les attributs min-width et max-width de CSS 3. Utilisez la disposition flexible CSS ;

Que dois-je faire si Win11 ne peut pas utiliser le navigateur ie11 ? (win11 ne peut pas utiliser le navigateur IE) Que dois-je faire si Win11 ne peut pas utiliser le navigateur ie11 ? (win11 ne peut pas utiliser le navigateur IE) Feb 10, 2024 am 10:30 AM

De plus en plus d'utilisateurs commencent à mettre à niveau le système Win11. Étant donné que chaque utilisateur a des habitudes d'utilisation différentes, de nombreux utilisateurs utilisent toujours le navigateur ie11. Alors, que dois-je faire si le système Win11 ne peut pas utiliser le navigateur ie ? Windows11 prend-il toujours en charge ie11 ? Jetons un coup d'œil à la solution. Solution au problème selon lequel Win11 ne peut pas utiliser le navigateur ie11 1. Tout d'abord, cliquez avec le bouton droit sur le menu Démarrer et sélectionnez « Invite de commandes (administrateur) » pour l'ouvrir. 2. Après ouverture, entrez directement « Netshwinsockreset » et appuyez sur Entrée pour confirmer. 3. Après confirmation, entrez « netshadvfirewallreset&rdqu ».

Internet Explorer ouvre Edge : Comment arrêter la redirection MS Edge Internet Explorer ouvre Edge : Comment arrêter la redirection MS Edge Apr 14, 2023 pm 06:13 PM

Ce n’est un secret pour personne, Internet Explorer est tombé en disgrâce depuis longtemps, mais avec l’arrivée de Windows 11, la réalité s’installe. Plutôt que de remplacer parfois IE à l'avenir, Edge est désormais le navigateur par défaut du dernier système d'exploitation de Microsoft. Pour l'instant, vous pouvez toujours activer Internet Explorer dans Windows 11. Cependant, IE11 (la dernière version) a déjà une date officielle de mise à la retraite, qui est le 15 juin 2022, et le temps presse. Dans cet esprit, vous avez peut-être remarqué qu'Internet Explorer ouvre parfois Edge, et cela ne vous plaira peut-être pas. Alors pourquoi cela se produit-il ? exister

Comment annuler le saut automatique vers Edge lors de l'ouverture d'IE dans Win10_Solution vers le saut automatique de la page du navigateur IE Comment annuler le saut automatique vers Edge lors de l'ouverture d'IE dans Win10_Solution vers le saut automatique de la page du navigateur IE Mar 20, 2024 pm 09:21 PM

Récemment, de nombreux utilisateurs de Win10 ont constaté que leur navigateur IE passe toujours automatiquement au navigateur Edge lorsqu'ils utilisent des navigateurs informatiques. Alors, comment désactiver le saut automatique vers Edge lors de l'ouverture d'IE dans Win10 ? Laissez ce site présenter soigneusement aux utilisateurs comment passer automatiquement au bord et se fermer lors de l'ouverture d'IE dans Win10. 1. Nous nous connectons au navigateur Edge, cliquons sur... dans le coin supérieur droit et recherchons l'option de paramètres déroulante. 2. Après avoir entré les paramètres, cliquez sur Navigateur par défaut dans la colonne de gauche. 3. Enfin, dans la compatibilité, on coche la case pour ne pas autoriser le rechargement du site web en mode IE et on redémarre le navigateur IE.

La fin d'une époque : Internet Explorer 11 est retiré, voici ce qu'il faut savoir La fin d'une époque : Internet Explorer 11 est retiré, voici ce qu'il faut savoir Apr 20, 2023 pm 06:52 PM

Le 15 juin 2022 est le jour où Microsoft met fin au support d'Internet Explorer 11 (IE11) et clôture son chapitre sur les anciens navigateurs. L’entreprise rappelle depuis un certain temps aux utilisateurs cette date de fin de vie et les appelle à envisager une migration vers Microsoft Edge. Microsoft regroupe IE11 avec Windows 8.1 comme navigateur Web moderne par défaut pour Windows. Bien qu’il n’ait jamais atteint les sommets (actuels) de Chrome, il était le deuxième navigateur de bureau le plus utilisé en 2014, derrière IE8. Bien sûr, avec 20

Comment résoudre le problème selon lequel le raccourci IE ne peut pas être supprimé Comment résoudre le problème selon lequel le raccourci IE ne peut pas être supprimé Jan 29, 2024 pm 04:48 PM

Solutions aux raccourcis IE qui ne peuvent pas être supprimés : 1. Problèmes d'autorisation ; 2. Dommages aux raccourcis ; 3. Conflits logiciels ; 4. Problèmes de registre 6. Problèmes de système ; 7. Réinstaller IE ; outils ; 9. Vérifiez le chemin cible du raccourci ; 10. Tenez compte d’autres facteurs ; 11. Consultez des professionnels. Introduction détaillée : 1. Problème d'autorisation, cliquez avec le bouton droit sur le raccourci, sélectionnez "Propriétés", dans l'onglet "Sécurité", assurez-vous que vous disposez des autorisations suffisantes pour supprimer le raccourci. Sinon, vous pouvez essayer de l'exécuter en tant qu'administrateur, etc. .

Comment activer la fonction d'accélération IE Comment activer la fonction d'accélération IE Jan 30, 2024 am 08:48 AM

Comment activer la fonction d'accélération d'IE ? IE est trop lent pour ouvrir des pages Web, nous pouvons y activer le mode d'accélération matérielle. De nombreux amis ont signalé que lors de l'utilisation du navigateur IE, la vitesse d'ouverture des pages Web est extrêmement lente, ce qui a également un certain impact sur notre navigation sur le Web. Je veux juste demander à l'éditeur s'il existe une solution. Dans ce cas, vous pouvez activer le mode d'accélération matérielle du navigateur IE. L'éditeur a compilé ci-dessous la méthode d'activation de la fonction d'accélération d'IE. , jetez un oeil ci-dessous! Pour activer la fonction d'accélération dans IE, ouvrez le navigateur sécurisé d'IE, cliquez sur l'icône « Paramètres » en forme d'engrenage dans le coin supérieur droit et sélectionnez « Options Internet » pour entrer, comme indiqué sur la figure. 2. Cliquez sur "Avancé" dans l'onglet de navigation en tête de la fenêtre Options Internet, comme indiqué sur la figure. 3.

Comment désinstaller le navigateur ie9 de win7 Comment désinstaller le navigateur ie9 de win7 Jul 10, 2023 am 11:41 AM

Comment désinstaller ie9 de win7 ? Les ordinateurs peuvent gérer des choses au travail et peuvent également être utilisés pour regarder des émissions de télévision. Tout comme pour regarder des drames, nous utilisons généralement des navigateurs pour les regarder. Parce qu'il y a de plus en plus de navigateurs et que leurs fonctions sont parfaites, de moins en moins de personnes utilisent le navigateur ie9 maintenant. Alors, comment désinstaller le navigateur dans Win7, jetez un œil à Win7. pour désinstaller le navigateur IE9 du système. Comment désinstaller le navigateur ie9 de win7. 1. Tout d'abord, double-cliquez pour ouvrir MyPC et choisissez de désinstaller ou de remplacer le programme ; 2. Recherchez ensuite "ViewInstallUpdate" et cliquez dessus. Vous pouvez trouver "Windows Internet Explorer9" à l'intérieur, puis cliquez avec le bouton droit pour supprimer. Ce qui précède est l'éditeur avec wi

See all articles