<Código-Web>
Elementos HTML
y Reglas CSS

  1. TEXTOS
  2. ENLACES
  3. LISTAS
  4. IMÁGENES
  5. TABLAS
  6. FORMULARIOS
  7. MAQUETACIÓN

FORMULARIOS > Simples

 

HTML incluye unos elementos, llamados formularios, para crear aplicaciones web. De este modo el lenguaje HTML permite que los usuarios interactúen con las aplicaciones web.

Un formulario HTML es una parte de un documento HTML que contiene: texto normal, cajas y áreas de texto, elementos especiales llamados controles (casillas de verificación, botones de radio, listas de selección, etc.), rótulos (labels) y botones de varios tipos. Los usuarios normalmente "completan" un formulario modificando sus controles (introduciendo texto, seleccionando ítems, etc.), antes de enviar el formulario a un agente para que lo procese (p.ej., a un servidor web, a un servidor de correo, etc.)

*

Código HTML

<form method="post" action="">
<fieldset>
<legend>Label</legend>
<label for="i">Label</label>
<input id="i" type="text" />
<span>*</span>
</fieldset>
<fieldset>
<legend>Select</legend>
<select>
<optgroup label="Grupo Uno">
<option>ítem 1 de este grupo</option>
<option>ítem 2 de este grupo</option>
<option>ítem 3 de este grupo</option>
</optgroup>
<optgroup label="Grupo Dos">
<option>ítem 1 de este grupo</option>
<option>ítem 2 de este grupo</option>
<option>ítem 3 de este grupo</option>
</optgroup>
</select>
</fieldset>
<fieldset>
<legend>Tipos de "Input"</legend>
<p><input type="text" value="Texto" /></p>
<p><input type="password" value="Password" /></p>
<p>
<input type="checkbox" checked="checked" />
<span>1</span>
<input type="checkbox" /> <span>2</span>
</p>
<p>
<input type="radio" name="n" value="a" checked="checked" />
<span>Uno</span>
<input type="radio" name="n" value="b" />
<span>Dos</span>
<input type="radio" name="n" value="c" />
<span>Tres</span>
</p>
<p><input type="submit" value="Submit" /></p>
<p><input type="reset" value="Reset" /></p>
<p><input type="hidden" value="Hidden" /></p>
<p><input type="image" value="Imagen" /></p>
<p><input type="file" value="File" /></p>
<p><input type="button" value="Button" /></p>
<p><input type="text" disabled="disabled" value="Disabled" /></p>
<p><input type="text" readonly="readonly" value="Read only" /></p>
</fieldset>
<fieldset>
<legend>Textarea</legend>
<textarea cols="50" rows="3">Escribe aquí todas tus observaciones...</textarea>
</fieldset>
<fieldset>
<legend>Tipos de "Button"</legend>
<p><button type="button">Button</button></p>
<p><button type="submit">Submit</button></p>
<p><button type="reset">Reset</button></p>
<p><button disabled="disabled">Disabled</button></p>
</fieldset>
</form>

 

 

 

 

 


- (cc) 2012, 3con14 -