14.4. Formulario

Los formularios complejos agrupan sus campos mediante las etiquetas <fieldset> y <legend>. Además, cada campo debe incluir su título mediante la etiqueta <label>.

<form id="identificador" method="post" action="" enctype="multipart/form-data">
 
<fieldset>
<legend>Título del formulario</legend>
 
<label for="campo_texto">Campo de texto</label>
<input id="campo_texto" name="campo_texto" type="text" maxlength="255" value=""/> 
 
 
<label for="campo_areatexto">Area de texto</label>
<textarea id="campo_areatexto" name="campo_areatexto" rows="10" cols="50"></textarea>
 
<label for="campo_desplegable">Lista desplegable</label>
<select id="campo_desplegable" name="campo_desplegable"> 
  <option value="0" selected="selected">- selecciona -</option>
  <option value="1">Valor 1</option>
  <option value="2">Valor 2</option>
  <option value="3">Valor 3</option>
</select>
 
<label for="campo_fichero">Subir un fichero</label>
<input id="campo_fichero" name="campo_fichero" type="file" value=""/> 
 
<input type="radio" id="valor1" name="campo_radio" value="valor1" checked="checked" />
<label for="valor1">Valor 1</label>
<input type="radio" id="valor2" name="campo_radio" value="valor2" />
<label for="valor2">Valor 2</label>
 
<input id="campo_check" name="campo_check" type="checkbox" value="valor1" checked="checked"/>
<label for="campo_check">Campo check 1</label>
 
<input id="boton_enviar" type="submit" value="Enviar formulario" />
 
</fieldset>
</form>