Créer une case à cocher HTML en ligne
Le Générateur HTML Checkbox crée un élément <input type="checkbox"> accompagné d’un élément <label>. Définissez Name, ID, le texte visible de Label et l’état initial Checked. L’aperçu, le code HTML et le code C# se mettent à jour ensemble.
Options du Générateur HTML Checkbox
- Name définit l’attribut
nameutilisé pour identifier la case sélectionnée lors de l’envoi du formulaire. - ID définit l’attribut
idde l’élément input. Le même identifiant est utilisé dans l’attributfordu label généré. - Label définit le texte visible placé à côté de la case à cocher.
- Checked ajoute l’attribut booléen
checkedafin que la case soit initialement sélectionnée.
Utilisez un ID non vide et unique dans le document final afin de conserver une association explicite entre le <label> et la case à cocher.
Créer une case à cocher HTML en C#
Le panneau C# montre comment créer la même case à cocher et son label avec Aspose.HTML for .NET . Le code généré suit les étapes suivantes.
- Créez un
HTMLDocument, puis utilisezCreateElement()pour créer unHTMLInputElement. - Définissez
type,id,nameet l’état initialcheckedselon les options choisies. - Créez un
HTMLLabelElement, puis définissez sa propriétéForet son texte visible. - Ajoutez les deux éléments avec
AppendChild()et enregistrez le document final avecSave().
Configurez d’abord la case à cocher, puis copiez le code C# mis à jour dans votre projet .NET.
FAQ du Générateur HTML Checkbox
1. Pourquoi l’attribut id de la case à cocher doit-il correspondre à l’attribut for du <label> ?
Des valeurs identiques associent explicitement le <label> à la case à cocher. Un clic sur le libellé change alors son état et les technologies d’assistance peuvent déterminer quel texte la décrit. La valeur id doit rester unique dans la page.
2. Quelle est la différence entre les attributs name et id d’une case à cocher ?
L’attribut name identifie la valeur lors de l’envoi du formulaire. L’attribut id identifie l’élément dans le document et le relie à son <label>. Plusieurs cases peuvent partager un name, mais chaque id doit être unique.
3. Quelles données sont envoyées lorsqu’une case n’est pas sélectionnée ?
Une case non sélectionnée n’ajoute aucune paire name et value aux données du formulaire. Si elle est sélectionnée sans attribut value explicite, le navigateur utilise la valeur on par défaut.
4. L’option Checked empêche-t-elle l’utilisateur de désélectionner la case ?
Non. L’attribut checked définit uniquement l’état initial au chargement de la page. L’utilisateur peut toujours sélectionner ou désélectionner la case, sauf si une logique d’application distincte la désactive ou contrôle son état.
5. Plusieurs cases à cocher peuvent-elles partager le même attribut name ?
Oui. Des cases liées peuvent partager un name, mais chacune doit avoir un id unique et un <label> associé. Ajoutez des attributs value distincts après avoir copié le HTML si le serveur doit différencier les choix sélectionnés.
Installer Aspose.HTML for .NET
Installez Aspose.HTML for .NET depuis NuGet avec l’interface CLI .NET :
dotnet add package Aspose.HTML
Vous pouvez également utiliser l’interface du gestionnaire de packages NuGet ou exécuter Install-Package Aspose.HTML dans la console du gestionnaire de packages. Consultez le
guide d’installation
pour la configuration, ou demandez une
licence temporaire
afin d’évaluer l’API sans limitations.
Autres générateurs HTML
Créez et prévisualisez le balisage d’autres éléments HTML courants.