Scribd Logo
Încărcați

Bine ați venit la Scribd!

  • Los Scripts

    Încărcat de

    mago-merlín
    20 vizualizări15 pagini

    Drepturi de autor

    © Attribution Non-Commercial (BY-NC)

    Formate disponibile

    DOCX, PDF, TXT sau citiți online pe Scribd

    Vi se pare util acest document?

    Este necorespunzător acest conținut?

    Raportați acest document

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    20 vizualizări15 pagini

    Los Scripts

    Încărcat de

    mago-merlín

    Drepturi de autor:

    Attribution Non-Commercial (BY-NC)
    Descărcați ca DOCX, PDF, TXT sau citiți online pe Scribd
    Indicator pentru conținut neadecvat
    din 15

    Los scripts

    Los scripts Javascript arriba

    Los scripts
    Un script es un programa insertado dentro del documento HTML y que es interpretado y ejcutado por el navegador del usuario. Por tanto estos programas se ejecutan en el ordenador del usuario bien sea directamente (al leer la pgina) o cuando se produce un suceso o evento particular, como puede ser el pulsar sobre un enlace o mover el ratn o cargar una imagen... Estos scripts permiten crear pginas dinmicas, modificar el comportamiento normal del navegador, validar formularios, realizar pequeos efectos visuales, etc... Sin embargo, conviene recordar que se ejecutan en el navegador del usuario y no en la mquina donde estn alojadas, por lo que no podrn realizar cosas como manejar bases de datos. Esto hace que los contadores (por ejemplo) se deban realizar de otra manera, utilizando programas CGI (escritos en lenguajes como Perl o PHP). El primer lenguaje usado para crear scripts fue el JavaScript de Netscape. Nacido con la versin 2.0 de este navegador y basado lejanamente en la sintaxis de Java, su utilidad y el casi absoluto monopolio que entonces ejerca Netscape en el mercado de navegadores permitieron que se popularizara y extendiera su uso. Internet Explorer de Microsoft, comenz a soportar este lenguaje en su versin 3.0, pero al mismo tiempo introdujo otro lenguaje con las mismas funciones: el VBScript, una derivacin de BASIC. Pero este intento no lleg muy lejos, y el VBScript ha quedado para otras aplicaciones de Microsoft, como Access o Word. arriba

    Javascript
    Aunque este curso est enfocado a aprender HTML, vamos a detenernos un poco para mostrar la utilidad de los lenguajes de script. Para ello vamos a realizar una pequea introduccin al Javascript. Si te sientes interesado, visita Javascript Desde Cero donde ecnontrars bastante material para aprender este lenguaje. Vamos a realizar nuestro primer "programa" en JavaScript. Haremos surgir una ventana que nos muestre el tradicional mensaje "hola, mundo". As podremos ver los elementos principales del lenguaje. El siguiente cdigo es una pgina Web completa con un botn que, al pulsarlo, muestra el mensaje. holamundo.html <HTML> <HEAD> <SCRIPT LANGUAGE="JavaScript"> <!--function HolaMundo() { alert("Hola, mundo!"); } // ---> </SCRIPT> </HEAD> <BODY> <FORM> <INPUT TYPE="button" NAME="Boton" VALUE="Pulsame" onClick="HolaMundo()"> </FORM> </BODY> </HTML> Y aqu est nuestro ejemplo funcionando: Ahora vamos a ver, paso por paso, que significa cada uno de los elementos extraos que tiene la pgina anterior: <SCRIPT LANGUAGE="JavaScript"> </SCRIPT> Dentro de estos elementos ser donde se puedan poner funciones en JavaScript. Puedes poner cuantos quieras a lo largo del documento y en el lugar que ms te guste. Si un navegador no entiende la etiqueta <SCRIPT> escribir lo que hay entre medias de estos elementos, as que lo encerramos entre comentarios por si las moscas. function HolaMundo() { alert("Hola, mundo!"); }

    Esta es nuestra primera funcin en JavaScript. En el cdigo de la misma vemos una llamada al mtodo alert (que pertenece al objeto window) que es la que se encarga de mostrar el mensaje en pantalla. Por un fallo del Netscape no se pueden poner las etiquetas HTML de caracteres especiales en una funcin: no los reconoce. As que pondremos directamente "" arriesgndonos a que salga de otra manera en ordenadores con un juego de caracteres distinto al del nuestro. <FORM> <INPUT TYPE="button" NAME="Boton" VALUE="Pulsame" onClick="HolaMundo()"> </FORM> Dentro del elemento que usamos para mostrar un botn vemos una cosa nueva: onClick. Es un evento. Cuando el usuario pulsa el botn, el evento onClick se dispara y ejecuta el cdigo que tenga entre comillas, en este caso la llamada a la funcin HolaMundo(), que tendremos que haber definido con anterioridad. Este ejemplo muestra una pequea parte de las funcionalidades del JavaScript. De hecho, su utilidad es ms bien escasa, por eso te recomiendo de nuevo que eches un vistazo a Javascript Desde Cero.

    Frames.
    Un Frame (en castellano "marco"), es una ventana independiente dentro de la propia ventana del navegador. Cada frame tiene sus propios bordes y tambin sus barras de desplazamiento. Mediante un frame conseguimos dividir la ventana del navegador en varias subventanas independientes entre ellas. Cada una de estas subventanas posee un documento html propio. Vamos a ver cmo es el cuerpo de un frame y su estructura para posteriormente explicar cada parte del marco. Podemos ver como es diferente al tipo de estructura que habamos visto hasta ahora: <html> <head> <title>Ejemplo de frame.</title> </head> <frameset cols="150,100%"> <frame name="indice" src="frame-ejemplo-2.html"> <frame name="principal" src="frame-ejemplo.html"> <noframes> <p>Si tu navegador no acepta frames, estars viendo este mensaje. Lo sentimos!</p> </noframes> </frameset> </html> Lo primero que salta a la vista es que no encontramos la habitual etiqueta html <body>. sta es sustituida por <frameset> que indica que esa ventana va a dividirse en diferentes marcos. Dentro de la etiqueta frameset debemos indicar el nmero de marcos que van a haber (ya sea en columnas cols o en filas rows) y el tamao de cada uno de ellos. Este tamao puede asignarse por porcentaje, por nmeros absolutos o sobre el espacio sobrante. Esta forma de tamao se indica mediante un asterisco y le estamos indicando al marco que coja el espacio sobrante que dejan los dems marcos. Podemos tambin colocar un frameset dentro de otro. Es decir, podemos dividir un marco de frameset en otros submarcos. Esto se hace colocando la etiqueta dentro de otra de ellas. Otra parte destacable de la estructura es <frame>. Como vemos, debemos escribir tantos <frame> como nmeros de stos hayamos creado en <frameset>. En nuestro caso eran dos, as que hemos escrito dos <frame>. <frame> tiene dos atributos bsicos y obligatorios. El primero es el atributo name, en el que debemos indicar el nombre de cada uno de los marcos. El segundo es la fuente o la direccin del documento html que ocupar dicho <frame>. Vemos que tambin hemos escrito la etiqueta <noframes>. Esto es para el supuesto de que el navegador no acepte frames. Es muy poco probable, pues hoy en da casi todos los navegadores los aceptan, pero por si acaso debemos ponerlo. En caso de no aceptarlos, saldr el texto que hayamos puesto para esos supuestos. La estructura de los frames poco a poco se va usando menos. De todas formas, aqu te dejamos un pequeo ejemplo de un frame para que te hagas una idea aproximada de cmo es su estructura. Ejemplo de frame. A continuacin te vamos a presentar el cdigo del documento del ejemplo. Primero te mostraremos el cdigo del frame: <html> <head> <title>Ejemplo de frame.</title>

    </head> <frameset cols="150,100%"> <frame name="indice" src="frame-ejemplo-2.html"> <frame name="principal" src="frame-ejemplo.html"> <noframes> <p>Si tu navegador no acepta frames, estars viendo este mensaje. Lo sentimos!</p> </noframes> </frameset> </html> Este sera el cdigo de frame-ejemplo-2.html: <html> <head> <title>Pgina indice del ejemplo de frames</title> </head> <body> Aqu puedes ver la pgina ndice del ejemplo de frames que te estamos presentando. </body> </html> Y este el cdigo de frame-ejemplo.html: <html> <head> <title>Documento introduccin del ejemplo de frames</title> </head> <body> Y aqu ira el artculo de introduccin. Nosotros hemos querido dejarte este pequeo texto a modo de ejemplo. </body> </html>

    <FRAME> gestionar marcos (frame)

    Los marcos son instrumentos que forman ya parte habitual del web y que los navegadores gestionan hoy da a la perfeccin. Los detractores de los marcos afirman la inutilidad de subdividir ulteriormente las pginas web, las cuales, en ltima instancia, pueden resultar poco legibles. Otros, como yo, consideran que los marcos pueden llegar a ser muy tiles ya que se evita cargar las mismas imgenes y se mantienen ordenados el contenido y la estructura del sitio. Naturalmente, abusar de los marcos puede producir como resultado psimas impostaciones grficas, obteniendo un efecto contrario al previsto. Un punto en contra de los marcos es, ciertamente, su incompatibilidad con los programas de navegacin grfica destinados a invidentes, los cuales se bloquean impidiendo la lectura de las pginas. Una buena solucin es crear una versin con marco y una versin sin marco (como esta misma gua ha hecho). Cmo se crean los marcos? Antes de nada, repasemos rpidamente las marcas HTML de gestin de marcos. N2.0 Documento Marco N2.0 altura en filas <FRAMESET></FRAMESET> (en lugar de <BODY>) (pxel %)

    <FRAMESET ROWS=,,,></FRAMESET> <FRAMESET ROWS=*></FRAMESET> <FRAMESET COLS=,,,></FRAMESET> <FRAMESET COLS=*></FRAMESET> <FRAMESET BORDER=?>

    N2.0 altura en filas

    (* = tamao relativo) (pxel %)

    N2.0 anchura en columnas N2.0 anchura en columnas N3.0b anchura del borde N3.0b borde

    (* = tamao relativo)

    <FRAMESET FRAMEBORDER="yes|no"> <FRAMESET BORDERCOLOR="#$$$$$$"> <FRAME> (contenido de cada uno de los recuadros)

    N3.0b color del borde

    N2.0 Definicin del marco

    N2.0 documento que <FRAME SRC="URL"> se debe mostrar

    N2.0 denominazione <FRAME NAME="***"|_blank|_self| del frame _parent|_top> N2.0 anchura de los mrgenes <FRAME MARGINWIDTH=?> (margen izquierdo y derecho) (margen superior e inferior)

    N2.0 altura de los mrgenes

    <FRAME MARGINHEIGHT=?>

    <FRAME N2.0 barra de desplazamiento SCROLLING="YES|NO|AUTO"> o no <FRAME NORESIZE> N2.0 no redimensionable N3.0b borde <FRAME FRAMEBORDER="yes|no"> <FRAME BORDERCOLOR="#$$$$$$"> <NOFRAMES></NOFRAMES> (para navegadores antiguos)

    N3.0b color del borde

    N2.0 contenido en ausencia de marco

    Para crear una pgina dividida en marcos, es necesario crear varios archivos HTML referidos a un archivo principal, que es el que permite su gestin. As pues, antes de nada hace falta impostar este archivo "fuente", y, posteriormente, los dems archivos que componen el marco. Imaginemos que debemos crear una ventana dividida en marcos como la de la figura, con un marco en la parte superior fijo (en el cual cargaremos el archivo "top.htm", que deberemos crear aparte) y un marco central (en el cual cargaremos el archivo "central.htm", que deberemos, asimismo, crear aparte) que cambiar segn cual sea la pgina que deba mostrar. Como hemos sealado antes, la gestin de estos dos marcos correr a cargo de un tercer archivo, el cual deber invocarlos asignndoles una parte de la pgina. He aqu el cdigo de esta pgina:

    <FRAMESET rows="80,*"> <frame name="alto" src="top.htm"> <frame name="central" src="central.htm"> < /FRAMESET>

    Como podemos ver, el cdigo del marco est encerrado entre las marcas <FRAMESET></FRAMESET> que se comportan como las marcas usuales

    <HTML></HTML>. El tamao de los marcos, o mejor dicho, el espacio que cada uno de ellos debe ocupar en la pgina, queda establecido mediante la marca rows="80,*, que significa que el marco alto (que en este caso es una fila, "row") debe tener 80 pxel, mientras que "*" significa que todo el resto debe asignarse al marco central. Asimismo, habramos podido expresar el tamao de los marcos en tantos por ciento de esta manera: <FRAMESET rows="20%,*">

    Una vez impostados los dos parmetros <FRAMESET></FRAMESET>, dentro de ellos se definen los nombres y los archivos que debern invocarse en los dos marcos creados. Es necesario dar un nombre al marco (name="alto") e indicar el archivo HTML que deber cargarse dentro del marco (SRC="top.htm"). Deben, por tanto, crearse previamente dos archivos de nombre "top.htm" y "central.htm". Fjate bien en lo importante que es la colocacin dentro del cdigo para una correcta interpretacin por parte del navegador. As, si se invirtiera el orden de esta manera: <FRAMESET rows="80,*"> <frame name="central" src="central.htm"> <frame name="alto" src="top.htm"> < /FRAMESET> el navegador invertira el orden de asignacin y cargara el archivo "central.htm" en el marco superior, y el archivo "top.htm" en el marco central. Haz clic aqu para ver el resultado de este marco.

    Para crear dos marcos verticales basta sustituir el trmino "rows" (filas) con el trmino "cols" (columnas):
    <FRAMESET cols="100,*"> <frame name="sx" src="sx.htm"> <frame name="central" src="central.htm"> < /FRAMESET>

    Haz clic aqu para ver el resultado de este marco.

    Los antiguos navegadores no soportaban los marcos por lo cual, dada la posibilidad de que se use uno de estos viejos programas para visualizar las pginas, es til insertar un cdigo que advierta de la presencia de marcos y de la imposibilidad de que el navegador los muestre. ste es el cdigo que debes incluir: <noframe> < HTML> < body>

    Atencin. Tu navegador no soporta la opcin de los marcos. Para ver estas pginas es necesario descargar un navegador que soporte dicha opcin. Te aconsejo Netscape 3.0 o superior. < /body> < /html> < /noframe>

    Es posible adoptar simultneamente una divisin tanto en columnas como en filas, de manera que se cree una ventana dividida en varios marcos. Veamos cmo debemos intervenir en el cdigo HTML del documento segn el nmero y la posicin de los marcos que queremos crear.
    < frameset rows="100,*"> <frame name="alto" src="top.htm"> <frameset cols="150,*"> <frame name="sx" src="sx.htm.htm"> <frame name="central" src="central.htm">

    Haz clic aqu para ver el resultado de este marco.

    < /frameset> < /frameset>

    < frameset cols="120,*"> <frame name="sx" src="sx.htm"> < frameset rows="100,*"> <frame name="alto" src="top.htm"> <frame name="central" src="central.htm">

    Haz clic aqu para ver el resultado de este marco.

    < /frameset> < /frameset>

    < frameset cols="120,*"> <frame name="sx" src="sx.htm"> < frameset rows="20%,60%,20%,*"> <frame name="alto" src="top.htm"> <frame name="central" src="central.htm"> <frame name="bajo" src="basso.htm">

    Haz clic aqu para ver el resultado de este marco.

    < /frameset> < /frameset>

    < frameset cols="75%,25%"> < frameset rows="20%,80%*"> <frame name="alto" src="top.htm"> <frame name="central" src="central.htm"> < /frameset>

    Haz clic aqu para ver el resultado de este marco.

    <frame name="dx" src="dx.htm"> < /frameset>

    < frameset cols="75%,25%"> < frameset rows="20%,80%*"> <frame name="alto" src="top.htm"> < frameset cols="20%,80%*"> <frame name="sx" src="sx.htm"> <frame name="central" src="central.htm">

    Haz clic aqu para ver el resultado de este marco.

    < /frameset>< /frameset> <frame name="dx" src="dx.htm"> < /frameset>

    < frameset cols="75%,25%"> < frameset rows="20%,80%*"> <frame name="alto" src="top.htm"> <frame name="central" src="central.htm"> < /frameset> < frameset rows="24%,76%">

    Haz clic aqu para ver el resultado de este marco.

    <frame name="top" src="top2.htm"> <frame name="dx" src="dx.htm"> < /frameset> < /frameset>

    < frameset cols="25%,75%"> <frameset rows="80%,20%"> <frame name="alto" src="top.htm"> <frame name="bajo" src="basso.htm"> < /frameset>

    Haz clic aqu para ver el resultado de este marco.

    <frame name="central" src="central.htm"> < /frameset>

    < frameset rows="20%,60%,20%"> <frame name="alto" src="top.htm"> <frame name="central" src="central.htm"> <frame name="bajo" src="basso.htm">

    Haz clic aqu para ver el resultado de este marco.

    < /frameset>

    < frameset cols="20%,60%,20%"> <frame name="sx" src="sx.htm"> <frame name="central" src="central.htm"> <frame name="dx" src="dx.htm">

    Haz clic aqu para ver el resultado de este marco.

    < /frameset>

    Para eliminar el borde gris de los marcos, se debe insertar el siguiente cdigo: <frameset cols="20%,60%,20%" border=0> Para impedir que los marcos sean redimensionados por el visitante: <frame name="alto" src="top.htm" noresize> Para eliminar siempre las barras de desplazamiento (scrollbars): <frame name="alto" src="top.htm" scrolling="no"> Para mostrarlas siempre: <frame name="alto" src="top.htm" scrolling="yes"> Para mostrarlas slo cuando son necesarias: <frame name="alto" src="top.htm" scrolling="auto"> Para regular la distancia del contenido del marco al margen superior (marginheight) y a los mrgenes izquierdo y derecho (marginwidth): <frame name="alto" src="top.htm" marginheight=2 marginwidth=5>

    Por lo que se refiere a los enlaces dentro de los marcos (es decir, cmo cargar una pgina en un marco diverso de aqul en que se encuentra el enlace) hay que hacer referencia al nombre que hemos asignado a los diferentes marcos en la fase de realizacin. Este nombre no se refiere al archivo sino a lo que aparece escrito despus de "name=". Por ejemplo, en este caso: <frame name="alto" src="top.htm">

    el nombre asignado es "alto". Tomemos la siguiente pgina subdividida en marcos:

    < frameset cols="20%,60%,20%"> <frame name="sx" src="sx.htm"> <frame name="central" src="central.htm"> < /frameset>

    Pongamos que de un enlace presente en "SX" tengamos que cargar otra pgina en el marco "central". Si el enlace presente en el marco "SX", fuera simplemente: < A HREF="nuova.htm">Haz clic</A> la pgina se cargara dentro del mismo marco (es decir, "SX") porque sin adecuadas marcas especficas el navegador interpreta que debe cargar la nueva pgina en el mismo marco en que est presente el enlace. El cdigo exacto sera: <A HREF="nuova.htm" TARGET="central">Haz clic</A> Haz clic aqu para probar. Otro uso fundamental de la marca <TARGET> es el de llamar un enlace a otra pgina, la cual se visualizar ocupando la pantalla completa y eliminando todos los marcos preexistentes. Aqu est el cdigo: <A HREF="nuova.htm" TARGET="_parent">Haz clic</A> Haz clic aqu para probar. Si insertas el cdigo: <base target="_top"> a la cabeza del documento HTML todos los enlaces presentes en las pginas eliminarn los marcos existentes, sin necesidad de ir enlace por enlace.

    Es posible tambin que queramos cargar, con un solo clic, dos o ms marcos (naturalmente, la ventana tiene que estar dividida por lo menos en tres marcos). Tomemos una pgina subdividida como en la figura:

    < frameset cols="120,*"> <frame name="sx" src="sx.htm"> < frameset rows="100,*"> <frame name="alto2" src="top.htm"> <frame name="centrale3" src="central.htm"> < /frameset> < /frameset>

    Lo que queremos es insertar un solo enlace en el marco de "SX" que cargue simultneamente dos pginas diversas en los dos marcos de la derecha: "alto" y "central". Para ello, es necesario insertar algunas lneas con cdigo JavaScript. La primera parte del cdigo va insertada entre <HEAD></HEAD>: < HEAD> < script language="JavaScript"> < !-- Hiding function loadtwo(page2, page3) { parent.alto2.location.href=page2; parent.centrale3.location.href=page3; } // --> < /script> < /HEAD> mientras que la segunda parte deber quedar comprendida entre <BODY></BODY>, donde se quiere insertar el enlace: < BODY> < FORM NAME="buttons"> <INPUT TYPE="button" VALUE="Haz clic" onClick="loadtwo('nuovo1.htm','nuovo2.htm')"> < /FORM> < /BODY>

    Las marcas de los formularios

    Las plantillas se introdujeron en la versin HTML 2.0. Veamos ahora, con detalle, todas las marcas que para la elaboracin de formularios prev HTML 4.0. <FORM></FORM> Esta marca abre y cierra la plantilla y recoge el contenido de la misma, que puede variar segn una serie de marcas que veremos ms adelante. No es posible insertar una plantilla dentro de otra. Dicho de otro modo, los formularios no permiten anidamientos. La sintaxis usual de las marcas citadas es la siguiente: <FORM method="get|post" action="http://www.tuosito.com/cgibin/nome_script.cgi"> Si METHOD est impostado como GET los datos se envan al servidor y se separan en dos variables. Para este mtodo el nmero mximo de caracteres que puede contener el formulario es de 255. Utilizando "method=post", el script CGI recibe directamente los datos sin un proceso previo de descodificacin. Esta caracterstica hace que el script pueda leer una cantidad ilimitada de caracteres. Una vez impostada la primera marca <FORM> de la plantilla, es posible, siempre y cuando el script CGI lo permita, crear algunos elementos que resultan de gran utilidad para una adecuada gestin de los datos: <INPUT TYPE=HIDDEN NAME=MAILFORM_SUBJECT VALUE="Asunto del formulario"> Este cdigo determina el asunto (subject) del mensaje que recibirs por correo electrnico con el contenido del formulario. Es muy til que los mensajes recibidos lleven especificado el asunto, no slo para quienes usan filtros de seleccin del correo, sino tambin para ordenar la correspondencia. <INPUT TYPE=HIDDEN NAME=MAILFORM_URL VALUE="http://www.tuosito.it"> Este cdigo es muy til ya que, una vez rellenado y enviado correctamente, el formulario responde con una pgina HTML sucesiva, dentro de la cual es posible incluir cualquier tipo de comentario. Lo ms normal es visualizar una pgina de confirmacin "Tu formulario ha sido enviado correctamente", pero se puede tambin mandar directamente a la portada del sitio. Se trata de comandos no estndar que varan segn el CGI utilizado. Por tanto, el cdigo antes descrito no funciona en todos los casos, sino nicamente con el ejemplo prctico que os mostraremos ms adelante. La marca de base para la definicin de los elementos de un formulario es <INPUT>, que se utiliza para agregar botones, mens de seleccin, contraseas, etc. A <INPUT> se le pueden asignar los 8 valores que analizamos a continuacin.

    type="TEXT"
    <INPUT type="TEXT" name="nombre" maxlength="40" size="33" value="Tu nombre">

    Este valor crea los tpicos campos de texto, en los que generalmente se solicitan datos tales como el nombre o la direccin de correo electrnico. Es un valor usado sobre todo para informaciones no predefinidas, que cambian cada vez. TEXT tiene tres atributos opcionales, presentes tambin en el ejemplo: maxlength (el nmero mximo de caracteres que puede ser introducido en el campo y que no es posible superar), size (la anchura de la cadena dentro de la pgina) y value (visualiza un texto por defecto dentro de la cadena).
    tu nombre

    EJEMPLO

    type="PASSWORD"
    <INPUT type="PASSWORD" name="nombre" maxlength="40" size="33"> Este campo de texto funciona como el anterior, pero con una pequea diferencia que su propio nombre indica: cuando se escribe dentro del cajetn blanco, no se ven los caracteres sino los clsicos asteriscos de las contraseas. En realidad, los datos no se codifican de ningn modo por lo que esta marca no consigue eliminar la inseguridad de fondo.

    EJEMPLO

    type="CHECKBOX"
    <INPUT type="CHECKBOX" name="edad" value="s" checked> Este atributo se utiliza para representar datos de tipo "s/no" y "verdadero/falso". Crea pequeas casillas cuadradas que hay que puntear o dejar en blanco. Si la casilla est punteada, INPUT restituye un valor al CGI; en caso contrario, no restituye ningn valor. Value impostado en "s" significa que por defecto la casilla est punteada. Checked controla el estado inicial de la casilla, en el momento de cargar la pgina.

    EJEMPLO

    type="RADIO"
    < INPUT type="RADIO" name="calificacin" value="suficiente"> < INPUT type="RADIO" name="calificacin" value="bueno"> < INPUT type="RADIO" name="calificacin" value="excelente">

    Este atributo tiene funciones similares al visto anteriormente, pero contiene ms posibilidades de seleccin. Seleccionando una de las voces presentes, y siempre y cuando tengan todas un valor "name" idntico, las restantes se deseleccionan automticamente.

    SUFICIENTE BUENO EXCELENTE

    type="SUBMIT"
    < INPUT type="SUBMIT" value="Enva">

    El clsico botn de envo que remite el formulario con todo su contenido. La dimensin del botn depende de la longitud del texto.
    Enva

    EJEMPLO

    type="RESET"
    < INPUT type="RESET" value="Reinicio">

    Botn que vuelve a impostar todo el formulario eliminando los datos introducidos.
    Reinicio

    EJEMPLO

    type="IMAGE"
    < INPUT type="IMAGE" src="pulsante.gif">

    Funcin similar a la de la tecla "ENVA" pero con la diferencia de que en lugar del botn de la opcin por defecto, aparece una imagen.

    EJEMPLO

    TEXTAREA
    < TEXTAREA cols=40 rows=5 WRAP="physical" name="comentario"></textarea>

    TEXTAREA se utiliza para introducir comentarios o campos que prevn muchas lneas de texto. La anchura se imposta con "cols" y la altura con "rows". WRAP="physical" establece que, en el caso de que el texto introducido supere la anchura de la ventana, salte de lnea automticamente. EJEMPLO

    SELECT
    < SELECT size=1 cols=4 NAME="calificacin"> < OPTION selected value=ninguna> < OPTION value=bueno> Bueno < OPTION value=suficiente> Suficiente < OPTION value=excelente> Excelente < /select>

    SELECT es un elemento que permite la creacin de listas con varias posibilidades de seleccin. En nuestro ejemplo, hemos hipotizado que se solicita una calificacin sobre un sitio web.

    EJEMPLO

    S-ar putea să vă placă și