SESIÓN 3 <FORM>
<SCRIPT>
Curso de PHP / MYSQL / CSS Ingeniero: Rafael Rozo Montaña
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<HTML> FORMULARIOS <FORM> Un formulario sigue siendo lenguaje HTML y por lo tanto necesita de unas tags que lo especifiquen. La declaración de formulario queda recogida por las tags <FORM>.....</FORM> y dentro de ellas se recogerán todas las variables de entrada. A la tag de apertura <FORM> le acompañarán estos atributos: action="" Entre comillas se indica el programa que va a tratar las variables enviadas con el formulario, un guión CGI o la URL mailto. Method="" Indica el método de transferencia de las variables. Post (enviar al correo). Get (coger), si se envía a través de la URL. <FORM METHOD=tipo_de_metodo ACTION=URL_del_script> <FORM METHOD="post" ACTION=" cgi_bin/inscripcion">
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<HTML> FORMULARIOS <INPUT> La tag <INPUT> servirá para definir campos de entrada de un texto o botones que permiten escoger opciones. El atributo TYPE asociado a la marca INPUT permite la selección del elemento de entrada que pueden tomar los siguientes valores.
SUBMIT: desencadena el envío del formulario hacia el script; el texto definido en value se escribirá en el botón. RESET: permite borrar los datos ya entrados. PASSWORD: permite entrar una palabra clave de forma confidencial. CHEKBOX: crea un bloque de botones que permiten una selección múltiple de opciones. RADIO: crea un bloque de botones que permiten una selección exclusiva entre varias opciones. HIDDEN: sirve para pasar datos adquiridos de un formulario a otro sin que aparezca nada en la pantalla.
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<HTML> FORMULARIOS
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<HTML> FORMULARIOS <SELECT> La tag <SELECT> permite generar listas de selección simple o de selección variable. Se programa con una lista en la que los ítems se especifican mediante la marca <OPTION>. La presentación de la lista depende del atributo SIZE; •Si su valor es inferior a 2 o está ausente, la lista se interpreta como un menú desplegable (pop-list).
•En caso contrario la lista se visualiza en una ventana con barra de desplazamiento. •El valor dado entonces al atributo SIZE da el número de líneas visibles en la ventana.
•La opción de selección múltiple se deriva de la presencia del atributo MULTIPLE al botón cuando está pulsado.
<TEXTAREA> La tag <TEXTAREA> permite crear una ventana con barras de desplazamiento horizontales y verticales en la que se podrá escribir texto. El valor dado a los atributos ROWS (líneas) y COLS (columnas) delimita el tamaño de esta ventana.
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT> JavaScript es un lenguaje de scripts compacto basado en objetos (y no orientado a objetos). Originariamente era denominado LiveScript, y fue desarrollado por Netscape para su navegador Netscape Navigator 2.0. Fue 茅ste el primer cliente en incorporarlo. Se ejecuta sobre 16 plataformas diferentes, incluyendo los entornos de Microsoft e incluso el MS Explorer lo incorpora
CGI (the Common Gateway Interface) es una interfaz entre programas de aplicaci贸n y servicios de informaci贸n. Es decir, son un conjunto de reglas a cumplir tanto por parte del servidor como por parte del programa, pero se deja libertad al programador a la hora de escoger el lenguaje que considere mas adecuado para programar la aplicaci贸n. Un programa en CGI puede ser escrito en cualquier lenguaje como: C/C++ , Fortran, PERL ,TCL, etc.
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT>
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT> La forma mas frecuente de introducir o embeber codigo de JavaScript en HTML es utilizando la tag <script> (se pueden incluir tantas tag <script> como se quiera en un documento). El formato es el siguiente: <script language="Javascript"> … … <script>
El atributo lenguaje: hace referencia a la versión de JavaScript que se va a utilizar en dicho script lo común es colocar el valor "Javascript". El atributo src: se usa para incluir un archivo externo que contiene JavaScript y que quiere incluirse en el código HTML. <script language="JavaScript" src ="archivo.js">… … </script> El archivo externo simplemente es un archivo del texto que contiene código JavaScript, y cuya extensión es js. Los scripts pueden incluirse como comentarios para asegurar que su código no es "visto" por navegadores viejos que no reconocen JavaScript y así evitar errores.
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT>
Este programa se limita a escribir en pantalla un determinado texto para lo que se emplea el código document.write. En este código, document es un objeto creado por el sistema que hace referancia al propio documento y write es uno de los métodos que proporciona para interactuar con él. El resultado de cargar este documento en un browser que interprete JavaScript será la aparición de los dos textos, el escrito en JavaScript y el escrito en HTML, sin que el usuario sea consciente del proceso.
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT> Las variables en JavaScript pueden ser de alcance global o local. Una variable global es accesible desde cualquier <script> de la página mientras que una variable local sólo lo es desde la función en la que fue declarada. Normalmente, se crea una nueva variable global asignándole simplemente un valor:
globalVariable=5; Sin embargo, si se está codificando dentro de una función y se quiere crear una variable local que sólo tenga alcance dentro de esa función, debe declarar la nueva variable haciendo uso de var: Definir una función es simplemente especificar su nombre y definir que acciones realizará en el momento en que sea invocada. Para ello se emplea la palabra reservada function. Function nombre_de _la_función([parámetro1, parámetro2,...]) { ..... return <valor_retorno> }
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT> Operadores Aritméticos Los operadores aritméticos toman los valores numéricos (literales o variables) como sus operando y devuelve un solo valor numérico. Los operadores aritméticos normales son:
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT>
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT> Operadores de Comparacion Un operador de la comparaci贸n compara sus operando y devuelve un valor l贸gico basado en si la comparaci贸n es verdad o no. Los operando pueden ser num茅ricos o cadenas.
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT>
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT> Operadores de Cadena Los valores cadena pueden compararse usando los operadores de comparaci贸n. Adicionalmente, usted puede concatenar cadenas usando el operador +
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT> Operadores de Asignaci贸n
El operador de asignaci贸n '=' le permite asignar un valor a una variable.
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT> Operadores Logicos Los operadores L贸gicos se utilizan para combinar m煤ltiples comparaciones en una expresi贸n condicional. Un operador l贸gico toma dos operandos cada uno de los cuales es un valor true o false y devuelve un valor true o false.
<FORM>
ING. RAFAEL ROZO
<SCRIPT>
<SCRIPT> EJEMPLO DE FUNCIÓN
<FORM>
ING. RAFAEL ROZO
<SCRIPT>