国产av日韩一区二区三区精品,成人性爱视频在线观看,国产,欧美,日韩,一区,www.成色av久久成人,2222eeee成人天堂

Table des matières
Quelle est la syntaxe d'utilisation de <fieldset> élément ?
Attributs de la balise Fieldset en HTML
1. handicapé
2. formulaire
3. nom
Balise HTML Fieldset dans le style CSS
Conclusion
Maison interface Web tutoriel HTML Balise Fieldset en HTML

Balise Fieldset en HTML

Sep 04, 2024 pm 04:28 PM
html html5 HTML Tutorial HTML Properties HTML tags

Une balise fieldset en HTML est quelque chose qui nous aide à rassembler certains éléments, certains éléments liés ensemble au même endroit, normalement un formulaire. Le champ

la balise regroupe nos éléments associés en fonction de la logique. La balise fieldset, lorsqu'elle est utilisée, crée un bloc ou une limite autour de nos éléments associés mentionnés ci-dessus. Cette balise permet de diviser les sections du formulaire en plusieurs sections logiques.

En d’autres termes, le champ

La balise aide à définir une mise en page, organisant et divisant ainsi un formulaire en champs logiques sans utiliser de tableaux ou d'autres moyens tels que des divisions. La balise fieldset a une balise balise utilisée pour définir un texte, comme une légende pour la section fragmentée.

Quelle est la syntaxe d'utilisation de
élément ?

C'est en fait simple à utiliser pour

balise ou élément. Comme pour toutes les autres balises HTML, la balise
La balise a également une balise d'ouverture et une balise de fermeture. La balise d'ouverture est écrite sous la forme
et la balise de fermeture comporte la barre oblique habituelle avant le nom de la balise, telle que
. Consultez la syntaxe du
étiquette.

Syntaxe?:

<form>
<fieldset>
</fieldset>
</form>

Observez un extrait de code simple fournissant un exemple de

et ci-dessous?:

<form>
<fieldset style="background:#e1eff2;">
<legend>Personal Information:</legend>
<div><label>Name:</label><input type="text"></div>
<div><label>Email:</label><input type="text"></div>
<div><label>DOB:</label><input type="text"></div>
<div><label>Place:</label><input type="text"></div>
</fieldset>
</form>

Sortie?:

Balise Fieldset en HTML

Comme indiqué ci-dessus, le paramètre

L'élément utilisé dans le code ci-dessus fournit un regroupement sous la forme HTML. Notez la légende en haut de l'ensemble de champs, créée à l'aide de élément.

Une autre bonne utilisation de

et L'élément est associé au type d'entrée ? cases à cocher ? ou ? radio ?, surtout lorsqu'il devient difficile de fournir un contexte collectif pour les différentes options et est associé à chacune d'elles.

Attributs de la balise Fieldset en HTML

Le

L'élément prend en charge de nombreux attributs globaux qui prennent en charge les attributs supplémentaires mentionnés ci-dessous.

1. handicapé

L'attribut ? désactivé ? utilise ? désactivé ? comme valeur. Lorsque cet attribut est utilisé, cela indique que le groupe d'éléments pour lequel cet attribut est utilisé doit être désactivé.

Vous trouverez ci-dessous un exemple d'extrait de code utilisant l'élément Fieldset avec l'un de ses attributs, ??disabled??.

Code?:

<fieldset style="background:#e1eff2;" disabled="disabled">
<legend>Personal Information:</legend>
<div><label>Name:</label><input type="text"></div>
<div><label>Email:</label><input type="text"></div>
<div><label>DOB:</label><input type="text"></div>
<div><label>Place:</label><input type="text"></div>
</fieldset>

Sortie?:

Balise Fieldset en HTML

Observez que puisque nous définissons la valeur de l'attribut ? désactivé ? sur ? désactivé ?, tous les éléments enfants sont désactivés, c'est-à-dire non modifiables.

2. formulaire

L'attribut 'form' est utilisé pour inclure un ou plusieurs identifiants de différents formulaires. Il définit ces identifiants auxquels notre groupe d'éléments liés appartiendra ou auquel appartiendra. L'attribut 'form' utilise les identifiants de formulaire pour définir les formulaires. S'il existe plusieurs identifiants de formulaire, ils sont tous inclus et séparés par des espaces.

En d'autres termes, il s'agit d'un attribut qui prend sa valeur de l'attribut 'id' des éléments form/forms pour que les champs soient leurs parties, même lorsque le champs est défini en dehors du formulaire.

L'attribut form n'est pris en charge que dans Opera 12 et les versions antérieures.

3. nom

L'attribut 'name' définit un nom pour les éléments regroupés ou rejoint un groupe d'éléments. Cet attribut utilise ? texte ? comme valeur. Ce ? nom ? ne s’affiche pas dans le navigateur ; son utilisation est limitée au travail des scripts.

Vous trouverez ci-dessous un exemple d'ensemble de champs avec un attribut ? nom ?.

Code?:

<form>
<fieldset style="background:#e1eff2;" name="PersonalInformation" >
<legend>Personal Information:</legend>
<div><label>Name:</label><input type="text"></div>
<div><label>Email:</label><input type="text"></div>
<div><label>DOB:</label><input type="text"></div>
<div><label>Place:</label><input type="text"></div>
</fieldset>
<br />
<button type = "button" onclick="form.PersonalInformation.style.backgroundColor='LIGHTSALMON'"> Change background color of fieldset</button>
</form>

Sortie?:

Balise Fieldset en HTML

Observez, alors que nous avons donné à notre ensemble de champs un attribut, un ? nom ? et une valeur comme ? Informations personnelles ? ; Il ne s'affiche pas dans le navigateur. Mais nous avons utilisé l'attribut name de l'attribut

élément en arrière-plan pour le travail de script.

Quand on clique sur le bouton disant ??Changer la couleur d'arrière-plan du jeu de champs??, le formulaire répond comme suit?:

Balise Fieldset en HTML

Balise HTML Fieldset dans le style CSS

Comme tout autre élément HTML,

L’élément peut également être modifié pour des effets visuels. Les balises ou éléments HTML peuvent contenir une ou plusieurs propriétés. Ces attributs ou propriétés ajoutés fournissent aux navigateurs plus de données ou d’informations sur les effets des éléments. Les attributs sont généralement constitués d'un nom de propriété et de sa valeur attribuée, par exemple?;

<strong>style="color:black";</strong>

Les propriétés qui peuvent être utilisées pour modifier l'apparence et la convivialité du

inclure les styles de police, les familles de polices, la taille, le poids, entre autres.

Below is another example using the above-mentioned properties. CSS can do wonders. Observe the before and after-effects.

Without CSS

Code:

<form>
<fieldset style="background:#e1eff2"; name="PersonalInformation" >
<legend>Personal Information:</legend>
<div><label>Name:</label><input type="text"></div>
<div><label>Email:</label><input type="text"></div>
<div><label>DOB:</label><input type="text"></div>
<div><label>Place:</label><input type="text"></div>
</fieldset>
<br />
<button type = "button" onclick="form.PersonalInformation.style.backgroundColor='LIGHTSALMON'"> Change background color of fieldset</button>
</form>

Output:

Balise Fieldset en HTML

With CSS

Code:


<form>
<fieldset style="background:#e1eff2"; name="PersonalInformation" >
<legend>Personal Information:</legend>
<div><label>Name:</label><input type="text"></div>
<div><label>Email:</label><input type="text"></div>
<div><label>DOB:</label><input type="text"></div>
<div><label>Place:</label><input type="text"></div>
</fieldset>
<br />
<button type = "button" onclick="form.PersonalInformation.style.backgroundColor='LIGHTSALMON'"> Change background color of fieldset</button>
</form>

Output:

Balise Fieldset en HTML

Conclusion

The and tags are the most underused tags while creating web forms. The tag allows every radio or checkbox or text box grouped together to be labeled as a whole while also being separately labeled. The

and elements are helpful when assisting technology like JAWS is being used. It’s known that many screen readers read legend text first and then the label texts.

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

Undress AI Tool

Undress AI Tool

Images de déshabillage gratuites

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.

Clothoff.io

Clothoff.io

Dissolvant de vêtements AI

Video Face Swap

Video Face Swap

échangez les visages dans n'importe quelle vidéo sans effort grace à notre outil d'échange de visage AI entièrement gratuit?!

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)

Sujets chauds

Tutoriel PHP
1502
276
Pourquoi mon image n'appara?t-elle pas dans HTML? Pourquoi mon image n'appara?t-elle pas dans HTML? Jul 28, 2025 am 02:08 AM

L'image non affichée est généralement causée par un mauvais chemin de fichier, un nom ou une extension de fichier incorrect, des problèmes de syntaxe HTML ou un cache de navigateur. 1. Assurez-vous que le chemin SRC est cohérent avec l'emplacement réel du fichier et utilisez le chemin relatif correct; 2. Vérifiez si le cas de fichier et l'extension correspondent exactement et vérifiez si l'image peut être chargée en entrant directement l'URL; 3. Vérifiez si la syntaxe TAG IMG est correcte, assurez-vous qu'il n'y a pas de caractères redondants et que la valeur d'attribut ALT est appropriée; 4. Essayez de forcer l'actualisation de la page, de nettoyer le cache ou d'utiliser le mode incognito pour éliminer les interférences du cache. Le dépannage dans cet ordre peut résoudre la plupart des problèmes d'affichage d'image HTML.

Pouvez-vous mettre une balise dans une autre balise ? Pouvez-vous mettre une balise dans une autre balise ? Jul 27, 2025 am 04:15 AM

?oucannotnesttagssisideanothertagbecauseit’sinvalidhtml; browsersautomatiquematethethefirstbeforeOpiningtheenxt, résultant de laparateParagraphs.

Comment créer une liste non ordonnée dans HTML? Comment créer une liste non ordonnée dans HTML? Jul 30, 2025 am 04:50 AM

Pour créer une liste HTML non ordonnée, vous devez utiliser une balise pour définir un conteneur de liste. Chaque élément de liste est enveloppé d'une balise et le navigateur ajoutera automatiquement des balles; 1. Créez une liste avec une balise; 2. Chaque élément de liste est défini avec une balise; 3. Le navigateur génère automatiquement des symboles de points par défaut; 4. Les sublilistes peuvent être mis en ?uvre par le biais de la nidification; 5. Utilisez l'attribut de type de style liste de CSS pour modifier le style de symbole, tel que le disque, le cercle, le carré ou aucun; Utilisez ces balises correctement pour générer une liste standard non ordonnée.

Comment utiliser l'attribut satisfait? Comment utiliser l'attribut satisfait? Jul 28, 2025 am 02:24 AM

THECONTANTITABLEATTRIBUTEMAKESANYHTMLEMéMéRITéBYADDING CONTANTITALLE = "VRUE", permettant à la réception de codomente detteurthebrowser.

L'importance du HTML sémantique pour le référencement et l'accessibilité L'importance du HTML sémantique pour le référencement et l'accessibilité Jul 30, 2025 am 05:05 AM

SémantichtmlimprovesbothseoandaccessibilityByusing a été ultime

Définition des vocabulaires personnalisés en utilisant le balisage HTML5 Schema.org. Définition des vocabulaires personnalisés en utilisant le balisage HTML5 Schema.org. Jul 31, 2025 am 10:50 AM

La balise Schema.org aide les moteurs de recherche à comprendre le format de données structuré du contenu de la page Web via des balises sémantiques (telles que la portée de l'élément, le type d'élément, ItemProp); Il peut être utilisé pour définir le vocabulaire personnalisé, les méthodes incluent l'extension des types existants ou l'utilisation de Type supplémentaire pour introduire de nouveaux types; Dans les applications réelles, en gardant la structure claire, en utilisant d'abord les attributs officiels, tester la validité du code et garantir que les types personnalisés sont accessibles; Les précautions comprennent l'acceptation de soutien partiel, d'éviter les erreurs d'orthographe et de choisir un format approprié tel que JSON-LD.

Comment créer un champ de saisie de recherche dans un formulaire HTML Comment créer un champ de saisie de recherche dans un formulaire HTML Aug 02, 2025 pm 04:44 PM

UsetheelementwithinatagtocreatEasanticsearchField.2. y comprisaForAccesssibility, settheform'sactionandMethod = "get" attributestosenddatatoesearchndpointwithAsharableArl.3.Addname = "Q" todefinetheQueryParameter, usePlaceHolderToguiseUd

Quel est le but de l'attribut REL dans une balise de liaison dans HTML? Quel est le but de l'attribut REL dans une balise de liaison dans HTML? Aug 03, 2025 pm 04:50 PM

rel = "Stylesheet" linkSsssFilesForSTylingThepage; 2.rel = "Preload" HintstopreloadCriticalResourcesForPerformance; 3.rel = "icon" setthewebsite’sfaviCon; 4.rel = "alternate" fournit la réversion desstiètes; 5.rel = & Qu

See all articles