Différences

Ci-dessous, les différences entre deux révisions de la page.

--- web:html:formulaires [2023/03/28 15:14] – [Label] jcheron
+++ web:html:formulaires [2023/03/28 17:52] (Version actuelle) – [Input] jcheron
@@ Ligne 25: / Ligne 25: @@
 <html>
-<table border=0>
+<table border=0 width="100%">
 <tr><td></html>
  <sxh html;gutter:false>
@@ Ligne 34: / Ligne 34: @@
 <input type="text" id="nom" placeholder="Entrez votre nom"></td></tr></table></html>
+<wrap info>L'attribut **for** du label doit correspondre à l'**id** du champ relatif.</wrap>
+===== Fieldset =====
+Les **fieldsets** permettent de regrouper visuellement un ensemble de champs dans une zone, la balise **legend** lui attribue un titre :
+<html>
+<table border=0 width="100%">
+<tr><td></html>
+ <sxh html;gutter:false>
+<fieldset>
+    <legend>Connexion</legend>
+    <label for="login">Login :</label>
+    <input type="text" id="login" placeholder="Entrez votre login">
+    <label for="pwd">Mot de passe :</label>
+    <input type="password" id="pwd" placeholder="Entrez votre mot de passe">
+</fieldset>
+</sxh>
+<html></td><td><fieldset>
+<legend>Connexion</legend>
+<label for="login">Login :</label>
+<input type="text" id="login" placeholder="Entrez votre login">
+<label for="pwd">Mot de passe :</label>
+<input type="password" id="pwd" placeholder="Entrez votre mot de passe">
+</fieldset></td></tr></table></html>
 ===== Champs =====
 ==== Input ====
-Ce sont les champs de saisie, dont le plus commun est le champ de type texte :
+Ce sont les champs de saisie, dont le plus commun est le champ de type **text** :
 === Propriétés communes ===
@@ Ligne 163: / Ligne 187: @@
+<button>[[web:html:formulaires:pseudoclass|]]</button>