Formularios en HTML

Formularios en HTML

Cajas de Texto.

Código HTML.

<input type="text" name="txtTexto" id="txtTexto" />

Ejemplo.

<table border="0">

<tr><td>Nombre: </td><td><input type="text" size="40" name="nombre" autofocus required /></td></tr>

<tr><td>Apellido: </td><td><input type="text" size="40" name="apellido" /></td></tr>

<tr><td>Direccion: </td><td><input type="text" size="40" name="direccion"/></td></tr>

<tr><td>Email: </td><td><input type="email" size="40" name="email_control"/></td></tr>

<tr><td>URL: </td><td><input type="url" name="url_control" size="40" placeholder="Escribe la URL de tu p&aacute;gina web personal" /></td></tr>

</table>

Nombre:
Apellido:
Direccion:
Email:
URL:

Áreas de Texto.

Código HTML.

<textarea name="txtAreaTexto" cols="45" rows="3" id="txtAreaTexto"></textarea>

Ejemplo.

<textarea name="txtAreaTexto" cols="39" rows="3" id="txtAreaTexto" placeholder="Aqu&iacute; ano

Cajas de Selección (checkbox).

Código HTML.

<input type="checkbox" name="GrupoCasillas" value="Casilla1" id="chkBox1" />

Ejemplo.

<input type="checkbox" name="caja1" value="Casilla1" id="checkbox1"/> Casilla1

<input type="checkbox" name="caja2" value="Casilla2" id="checkbox2"/>Casilla2

<input type="checkbox" name="caja3" value="Casilla3" id="checkbox3"/>Casilla3

 Casilla1 Casilla2 Casilla3

Botónes de opción (radiobuton).

Código HTML.

<input type="radio" name="GrupoCasillas" value="Casilla4"  />

Ejemplo.

Sexo:<br/>

Femenino:<input type="radio" name="radio" value="casilla4" />

Masculino:<input type="radio" name="radio" value="casilla5"/>

Sexo:
Femenino: Masculino:

Cajas de Selección.

Código HTML.

<select name="cboLista" id="cboLista">

<option value="Elemento1">Elemento 1</option>

<option value="Elemento2">Elemento 2</option>

<option value="Elemento3">Elemento 3</option>

</select>

Ejemplo.

Mes de Nacimiento

<br/>

<select name="meses" id="mes">

<option value="mes1">Enero</option>

<option value="mes2">Febrero</option>

<option value="mes3">Marzo</option>

<option value="mes4">Abril</option>

<option value="mes5">Mayo</option>

<option value="mes6">Junio</option>

<option value="mes7">Julio</option>

<option value="mes8">Agosto</option>

<option value="mes9">Septiembre</option>

<option value="mes10">Octubre</option>

<option value="mes11">Noviembre</option>

<option value="mes12">Diciembre</option>

</select>

Mes de Nacimiento
 Enero Febrero Marzo Abril Mayo Junio Julio Agosto Septiembre Octubre Noviembre Diciembre 

Selección de Archivos.

Código HTML.

<input type="file" name="txtArchivo" id=" txtArchivo" />

Ejemplo.

<input type="file" name="txtArchivo" id=" txtArchivo" />

Caja contenedora de información del formulario.

Código HTML.

<fieldset style="border-radius:10px; text-shadow:#ffffff 4px 4px;">
<legend>Nombre</legend>

Ejemplo.

<fieldset style="border-radius:10px; text-shadow:#ffffff 4px 4px;">
<legend>Datos Personales</legend>

Datos Personales