diff options
author | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:46:50 +0100 |
---|---|---|
committer | Florian Merz <me@fiji-flo.de> | 2021-02-11 14:46:50 +0100 |
commit | a55b575e8089ee6cab7c5c262a7e6db55d0e34d6 (patch) | |
tree | 5032e6779a402a863654c9d65965073f09ea4182 /files/es/web/html/element/fieldset/index.html | |
parent | 8260a606c143e6b55a467edf017a56bdcd6cba7e (diff) | |
download | translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.gz translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.tar.bz2 translated-content-a55b575e8089ee6cab7c5c262a7e6db55d0e34d6.zip |
unslug es: move
Diffstat (limited to 'files/es/web/html/element/fieldset/index.html')
-rw-r--r-- | files/es/web/html/element/fieldset/index.html | 124 |
1 files changed, 124 insertions, 0 deletions
diff --git a/files/es/web/html/element/fieldset/index.html b/files/es/web/html/element/fieldset/index.html new file mode 100644 index 0000000000..bb29878206 --- /dev/null +++ b/files/es/web/html/element/fieldset/index.html @@ -0,0 +1,124 @@ +--- +title: fieldset +slug: Web/HTML/Elemento/fieldset +tags: + - HTML + - 'HTML:Elemento' + - Todas_las_Categorías +translation_of: Web/HTML/Element/fieldset +--- +<h3 id="Definici.C3.B3n" name="Definici.C3.B3n">Definición</h3> + +<p>El elemento <a href="/es/HTML/Elemento/fieldset" title="es/HTML/Elemento/fieldset">fieldset</a> (grupo de campos) permite organizar en grupos los campos de un formulario.</p> + +<dl> + <dd><strong>Sus etiquetas son</strong>: <fieldset> y </fieldset> (ambas obligatorias).</dd> +</dl> + +<dl> + <dd><strong>Crea una caja</strong>: <a href="/es/HTML/Elemento/Tipos_de_elementos#en_bloque" title="es/HTML/Elemento/Tipos_de_elementos#en_bloque">en bloque</a>.</dd> +</dl> + +<dl> + <dd><strong>Está definido como</strong>: <a href="/es/HTML/Elemento/Tipos_de_elementos#en_bloque" title="es/HTML/Elemento/Tipos_de_elementos#en_bloque">Elemento en bloque</a>.</dd> +</dl> + +<dl> + <dd><strong>Puede contener</strong>: un elemento <a href="/es/HTML/Elemento/legend" title="es/HTML/Elemento/legend">legend</a> (opcional), y despues cero o más elementos <a href="/es/HTML/Elemento/Tipos_de_elementos#en_bloque" title="es/HTML/Elemento/Tipos_de_elementos#en_bloque">en bloque</a> o <a href="/es/HTML/Elemento/Tipos_de_elementos#en_linea" title="es/HTML/Elemento/Tipos_de_elementos#en_linea">en linea</a></dd> +</dl> + +<h4 id="Atributos" name="Atributos">Atributos</h4> + +<table class="standard-table"> + <tbody> + <tr> + <th>Atributo</th> + <th colspan="2">valor</th> + <th>descripción</th> + </tr> + <tr> + <th colspan="4">Genéricos</th> + </tr> + <tr> + <td><code style="color: green;">title</code></td> + <td>texto</td> + <td>implícito</td> + <td>título consultivo del elemento.</td> + </tr> + <tr> + <td><code style="color: green;">style</code></td> + <td>reglas de estilo</td> + <td>implícito</td> + <td>información de estilo en línea.</td> + </tr> + <tr> + <td><code style="color: green;">id</code></td> + <td>ID</td> + <td>implícito</td> + <td>identificador único a nivel de documento.</td> + </tr> + <tr> + <td><code style="color: green;">class</code></td> + <td>lista de clases separadas por espacios</td> + <td>implícito</td> + <td>identificador a nivel de documento</td> + </tr> + <tr> + <td><code style="color: green;">dir</code></td> + <td>uno de los siguientes:"ltr" o "rtl"</td> + <td>implícito</td> + <td>dirección del texto débil/neutral</td> + </tr> + <tr> + <td><code style="color: green;">lang</code></td> + <td>código de idioma</td> + <td>implícito</td> + <td>información sobre el idioma</td> + </tr> + <tr> + <td colspan="4"><strong>Eventos</strong>: <code style="color: green;">onclick, ondblclick, onmousedown, onmouseup, onmouseover, onmousemove, onmouseout, onkeypress, onkeydown, onkeyup.</code></td> + </tr> + <tr> + <th colspan="4">Específicos</th> + </tr> + <tr> + <td colspan="4">No tiene</td> + </tr> + <tr> + <th colspan="4">de transición</th> + </tr> + <tr> + <td colspan="4">No tiene</td> + </tr> + <tr> + <th>Atributo</th> + <th colspan="2">valor</th> + <th>descripción</th> + </tr> + </tbody> +</table> + +<h3 id="Ejemplos" name="Ejemplos">Ejemplos</h3> + +<p>El siguiente código:</p> + +<pre><form> + + <fieldset> + <legend>Información Personal</legend> + Nombre: <input name='nombre' type='text' tabindex='1'> + Apellidos: <input name='apellidos' type='text' tabindex='2'> + </fieldset> + + <fieldset> + <legend>edad</legend> + <input type='checkbox' tabindex='20' + name='edad' value='20-39' > 20-39 + <input type='checkbox' tabindex='21' + name='edad' value='40-59' > 40-59 + <input type='checkbox' tabindex='22' + name='edad' value='60-79' > 60-79 + </fieldset> + +</form> +</pre> |