Formularios <INPUT TYPE="type" NAME="name" VALUE="value"

SIZE="size">
Los formularios son plantillas que permiten la creación de
documentos HTML con peticiones de datos. La principal
utilidad de los formularios es la posibilidad de crear
cuestionarios, encuestas, páginas de comentarios o
cualquier documento en el que se desee la interacción con
el usuario.
En los formularios se podrán definir distintos tipos de
recuadros de diálogo, botones de selección, menús de
múltiples opciones..., para permitir obtener los datos de
una manera más intuitiva.
 TYPE="type". Donde "type" es el tipo de datos que
vamos a introducir en formulario, puede tomar los
siguientes valores:
TEXT. Es el valor por defecto de este atributo, e indica que se
trata de una entrada de datos formada por una línea de texto. El
atributo NAME define el nombre que recibe la variable en la que
se almacenará la entrada; SIZE es el tamaño en caracteres de la
ventana de visualización, podemos añadir un atributo MAXSIZE,
que es el tamaño máximo de caracteres que se pueden
introducir, Con el atributo VALUE se puede dar un valor inicial
aunque no es lo usual.

Los formularios están delimitados por la directiva <FORM> Ejemplo:

y su cierre </FORM> <form>
<input type=“text” name="Carnet" size=10
Estructura de los formularios maxlength=15>
</form>
<FORM ACTION="action" METHOD="metodo"
ENCTYPE="enctype"> ○ PASSWORD. Ttexto en el que se enmascaran los datos,
... sustituyéndose por asteriscos, tiene los mismos atributos que el
</FORM> tipo TEXT.
 ACTION="action". Donde "action" es la dirección URL del Ejemplo:
programa CGI que va a interpretar la entrada del usuario. <form>
 METHOD="metodo". Donde "metodo" es el método de <input type="password" name "pwd">
transferencia de datos, en principio puede ser cualquiera de </form>
los métodos reconocidos por http.
 ENCTYPE="enctype". Donde "enctype", define el ○ CHECKBOX. Casilla de selección de los formularios. Solo tiene
mecanismo utilizado para codificar el contenido del dos valores, si el usuario la marca, la variable se igualará a ON.
formulario. Se añade el atributo CHECKED para marcar la casilla desde el
El cuerpo de los formularios, esta compuesto por una inicio.
etiqueta<INPUT> por cada uno de los datos que Ejemplo:
integremos en el formulario y dependiendo de lo que
necesitemos, por <SELECT> y <TEXTAREA>. <form>
<input type="checkbox" name="PC1"
Su formato general es: value="linux">Linux
<input type="checkbox" name="PC2" <textarea name="observaciones" rows=7
value="windows">Windows cols=40>Observaciones: </textarea>
</form> </form>

○ RADIO. Permite elegir una opción entre varias. Para todas las Etiqueta SELECT
opciones, el atributo NAME será el mismo, el atributo VALUE Esta etiqueta de formularios nos permite hacer una lista
almacenará el nombre de cada opción y será el valor que reciba desplegable.
la variable.
Su formato es:
NAME="name". Como ya hemos visto antes "name" es el nombre
<SELECT NAME="name">
de la variable donde vamos a recibir el dato.
VALUE="value". Donde "value" representa el valor por defecto <OPTION VALUE="value1" SELECTED>Opcion 1
que tomará la variable. En el caso de que el tipo sea text se </OPTION>
visualizará y en los otros casos no. <OPTION VALUE="value2">Opcion 2 </OPTION>
<OPTION VALUE="value3">Opcion 3 </OPTION>
Ejemplo: </SELECT>
<form>
<input type="radio" name="media" value="cd" El atributo NAME representa la variable que va a recibir el
checked>CD-ROM valor.
<input type="radio" name="media" VALUE de la opción escogida, SELECTED indica la opción
value="dk">Disquete por defecto.
</form>
Ejemplo:
Etiqueta TEXTAREA <select name="Colores" size="1">
Esta etiqueta es muy utilizada en los formularios, es una <option selected>Rojo</option>
variante de la etiqueta input, del tipo text, muestra un área <option>Amarillo</option>
de múltiples líneas. <option>Verde</option>
Su formato es el siguiente: <option>Azul</option>
<option>Blanco</option>
<TEXTAREA NAME="name" COLS="cols" <option>Violeta</option>
ROWS="rows">Texto</TEXTAREA> </select>
"name" es el nombre de la variable que va a almacenar el
texto, "cols" es el numero de caracteres por línea y "rows" Botones de envío y borrado en formularios
es el numero de líneas. formato:
<INPUT TYPE="type" VALUE="value">
Ejemplo:  "type" : Puede ser SUBMIT que se emplea en los
<form> formularios para enviar los datos ó RESET cuya finalidad
 es borra los datos introducidos restableciendo el
formulario al estado original.
 “value" : Es la descripción que aparecerá en el botón.
Marcos ó Frames
Un marco es una ventana independiente dentro de la
ventana del navegador. Cada marco tiene sus bordes y sus
barras de desplazamiento. Cada página se dividirá en
varias páginas independientes. Para crear los marcos se
necesita remos una página web específica, llamado
documento de definición de marcos. En él se especifica el
tamaño y posición de cada marco y el documento HTML
que contendrá.
En el documento de definición de marcos, el cuerpo del
documento se inserta entre las marcas <FRAMESET> y
</FRAMESET>. La etiqueta < FRAMESET ... > define el
tamaño, cantidad y forma de los marcos a utilizar.
Los marcos pueden ser horizontales o verticales y se
pueden cambiar los porcentajes del tamaño de dichos
marcos tanto como se desee siempre y cuando sumen
100%.
Los atributos ROWS y COLS del <FRAMESET> permiten
precisar la forma de los diferentes paneles.
ROWS: Se utiliza para dividir la zona en subzonas
horizontales.
Su sintaxis es:
ROWS="altura_zona_1, altura_zona_2,...,altura_zona_n“
ROWS es una lista de valores enteros separados por
comas. El número de elementos de la lista corresponde al
número de subzonas horizontales a crear. Cada uno de los
valores de la lista puede darse según uno de los tres
formatos siguientes, donde n es un entero:
 n: indica la altura de la subzona en píxels.
 n%: indica la altura de la subzona expresada en porcentajes
del tamaño de la zona madre.
 • n*: n es opcional. El carater * indica al browser que debe
dar a la zona todo el espacio aún disponible.
COLS: Se utiliza para dividir la zona en subzonas
verticales. Su sintaxis es:
COLS="altura_zona_1, altura_zona_2,...,altura_zona_n"
Ejemplo:
Uso de los marcos para dividir una zona en tres.
<FRAMESET ROWS="15%,35%,50%">...</FRAMESET>
<FRAMESET ROWS="*,*,4*">...</FRAMESET>
El FRAMEBORDER, cuya sintaxis es FRAMEBORDER="n",
sirve para definir la barra de separación entre frames. n es
un valor en pixeles, si es cero el borde desaparece
Etiqueta <Frame>
La etiqueta < FRAME > se emplea con los marcos para
definir la información que será desplegada en cada una de
las partes en que fue dividida la pantalla, siempre de
izquierda a derecha.
Primero se muestra la información del marco de la
izquierda con el contenido del documento HTML
especificado y después el marco de la derecha.
Debe existir una etiqueta < FRAME > por cada marco
definido en FRAMESET. Es la etiqueta utilizada en los
marcos para caracterizar las subzonas definidas, tiene los
siguientes atributos:
 SCR: Indica el URL del documento que debe mostrarse en esa
zona. Si el atributo no se indica, entonces la zona estará
vacía. SCR="url"
 NAME: Se utiliza para nombrar la zona a fin de que pueda
convertirse en el destino de cualquier enlace de hipertexto. La
sintaxis del atributo es: NAME="nombre_de_la_zona"
 MARGINWIDTH: Se utiliza para precisar el número de píxeles
entre los bordes izquierdo y derecho de la zona y el
documento HTML a visualizar, en definitiva marca el margen
izquierdo. Su sintaxis es : MARGINWIDTH="n"
 MARGINHEIGHT: Se utiliza para precisar el número de píxeles frameborder="0">
entre los bodes superior e inferior de la zona y el documento <FRAME src="contenidos_del_marco4.html"
HTML a visualizar. Su sintaxis es: MARGINHEIGHT="n" frameborder="0">
• SCROLLING: Indica si la zona debe poseer una barra de </FRAMESET>
desplazamiento (SCROLLING="yes"), si no debe contar con ella </HTML>
(SCROLLING="no") o si esta elección se deja en manos
delbrowser (SCROLLING="auto"). Su sintaxis es: <HTML>
SCROLLING="yes/no/auto" <HEAD>
 NORESIZE: No permite que el usuario modifique <TITLE>Pagina con fila superior y dos columnas
eltamaño de la zona. Cuando se hace uso de marcos y inferiores</TITLE>
este atributo no se precisa es posible variar una </HEAD>
zonadesplazandola mediante el ratón. <FRAMESET ROWS="15%, *">
<FRAME SRC="documento_fila_superior">
<FRAMESET COLS="20%, *">
Etiqueta <NOFRAMES> <FRAME SRC="documento_columna_izqda">
Esta etiqueta utlilizada en los marcos indica a todo <FRAME SRC="documento_columna_dcha">
navegador incapaz de gestionar los frames el texto que </FRAMESET>
debe presentar al usuario en lugar de los paneles. Dicho </FRAMESET>
texto irá entre las marcas <NOFRAMES> y </NOFRAMES>. </HTML>
Los navegadores ignorarán las marcas FRAMESET y
NOFRAMES no así el texto comprendido entre ellas. Si el
navegador es capaz de gestionar paneles interpretará
estasetiquetas y sabrá que debe ignorar el texto
comprendido entre ellas.

<HTML>
<HEAD>
<TITLE>Un documento con marcos</TITLE>
</HEAD>
<FRAMESET cols="25%,25%,50%">
<FRAMESET rows="*,150">
<FRAME src="contenidos_del_marco1.html"
scrolling="no">
<FRAME src="contenidos_del_marco2.gif"
marginwidth="15" marginheight="25" noresize>
</FRAMESET>
<FRAME src="contenidos_del_marco3.html"