Bien la maestra en practica en clase nos puso a copiar un codigo para saber como funciona un formulario

Ahora… yo no les explicare como funcionan los formularios puesto que hay mucha informacion ya en internet

El codigo que nos dejo la maestra nos da el siguiente resultado

El codigo es el siguiente

//———————————————————————————————————————

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Formularios</title>
</head>

<body>
<P><CENTER>
<H2>Libro de visitas</H2>
<P><FORM ACTION=”mailto:farocena@lander.es” METHOD=”POST”
ENCTYPE=”TEXT/PLAIN”>
Tu Nombre:
<BR><INPUT TYPE=”text” NAME=”Nombre”>
<P>Tu Apellido:
<BR><INPUT TYPE=”password” NAME=”Apellido” SIZE=”10″ MAXLENGTH=”12″>
<P>Escribe tus comentarios:
<BR><TEXTAREA NAME=”Comentarios” ROWS=”6″ COLS=”40″>
</TEXTAREA>

<P>¿Cuál es tu color preferido?
<BR><SELECT NAME=”Color Preferido”>
<OPTION>Rojo
<OPTION>Verde
<OPTION>Azul
<OPTION>Amarillo
</Select>

<P><INPUT TYPE=”checkbox” NAME=”Lista”>
Si, deseo ser incluido en la lista de correo

<P><INPUT TYPE=”submit” VALUE=”Enviar datos”>
<INPUT TYPE=”reset” VALUE=”Borrar datos”>
</FORM>
<P>
<HR>
</body>
</html>

//—————————————————————————————

Ahora la maestra queria que pasaramos ese mismo formulario a tablas

asi que ya les dejo la tarea el resultado se vera…

Bien el codigo de la anterior imagen sera el siguiente

//———————————————————————————

<!DOCTYPE html PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN” “http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd”&gt;
<html xmlns=”http://www.w3.org/1999/xhtml”&gt;
<head>
<meta http-equiv=”Content-Type” content=”text/html; charset=utf-8″ />
<title>Documento sin título</title>
</head>

<body>

Libro de visitas
<FORM ACTION=”mailto:farocena@lander.es” METHOD=”POST”
ENCTYPE=”TEXT/PLAIN”>
<table border>

<tr>
<td>
Tu Nombre:
<BR><INPUT TYPE=”text” NAME=”Nombre”>
</td>
</tr>

<tr>
<td>Tu Apellido:
<BR><INPUT TYPE=”password” NAME=”Apellido” SIZE=”10″ MAXLENGTH=”12″>
</td>
</tr>

<tr>
<td>Escribe tus comentarios:
<BR><TEXTAREA NAME=”Comentarios” ROWS=”6″ COLS=”40″>
</TEXTAREA>
</td>
</tr>

<tr>
<td>¿Cuál es tu color preferido?
<BR><SELECT NAME=”Color Preferido”>
<OPTION>Rojo
<OPTION>Verde
<OPTION>Azul
<OPTION>Amarillo
</Select>
</td>
</tr>

<tr>
<td><INPUT TYPE=”checkbox” NAME=”Lista”>
Si, deseo ser incluido en la lista de correo</td>
</tr>

<tr>
<td><INPUT TYPE=”submit” VALUE=”Enviar datos”>
<INPUT TYPE=”reset” VALUE=”Borrar datos”>
</td>
</tr>

</table>

</FORM>
<P>
<HR>

</body>
</html>

//———————————————————————————–

Bien eso es todo,