sesion 3 form y javas

19
<SCRIPT> <FORM> ING. RAFAEL ROZO SESIÓN 3 <FORM> <SCRIPT> Ingeniero: Rafael Rozo Montaña Curso de PHP / MYSQL / CSS

Upload: rafael-rozo

Post on 12-Mar-2016

218 views

Category:

Documents


0 download

DESCRIPTION

Ingeniero: Rafael Rozo Montaña SESIÓN 3 ING. RAFAEL ROZO ING. RAFAEL ROZO ING. RAFAEL ROZO FORMULARIOS ING. RAFAEL ROZO

TRANSCRIPT

Page 1: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

SESIÓN 3

<FORM> <SCRIPT>

Ingeniero:

Rafael Rozo Montaña

Curso de PHP / MYSQL / CSS

Page 2: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<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">

Page 3: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<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.

Page 4: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<HTML>

FORMULARIOS

Page 5: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<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.

Page 6: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

Page 7: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<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 navegadorNetscape Navigator 2.0. Fue éste el primer cliente en incorporarlo. Se ejecuta sobre 16 plataformasdiferentes, 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 deinformación. Es decir, son un conjunto de reglas a cumplir tanto por parte del servidor como por partedel programa, pero se deja libertad al programador a la hora de escoger el lenguaje que consideremas adecuado para programar la aplicación. Un programa en CGI puede ser escrito en cualquierlenguaje como: C/C++ , Fortran, PERL ,TCL, etc.

Page 8: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<SCRIPT>

Page 9: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<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 elsiguiente:

<script language="Javascript"> … … <script>

El atributo lenguaje: hace referencia a la versión de JavaScript que se va a utilizar en dicho script locomún es colocar el valor "Javascript".

El atributo src: se usa para incluir un archivo externo que contiene JavaScript y que quiere incluirseen 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 cuyaextensión es js.

Los scripts pueden incluirse como comentarios para asegurar que su código no es "visto" pornavegadores viejos que no reconocen JavaScript y así evitar errores.

Page 10: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<SCRIPT>

Este programa se limita a escribir en pantalla un determinado texto para lo que seemplea el código document.write. En este código, document es un objeto creado por elsistema que hace referancia al propio documento y write es uno de los métodos queproporciona para interactuar con él. El resultado de cargar este documento en unbrowser que interprete JavaScript será la aparición de los dos textos, el escrito enJavaScript y el escrito en HTML, sin que el usuario sea consciente del proceso.

Page 11: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<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 unavariable 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>

}

Page 12: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<SCRIPT>

Operadores Aritméticos

Los operadores aritméticos toman los valores numéricos (literales o variables) como susoperando y devuelve un solo valor numérico. Los operadores aritméticos normales son:

Page 13: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<SCRIPT>

Page 14: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<SCRIPT>

Operadores de Comparacion

Un operador de la comparación compara sus operando y devuelve un valor lógicobasado en si la comparación es verdad o no. Los operando pueden ser numéricos ocadenas.

Page 15: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<SCRIPT>

Page 16: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<SCRIPT>

Operadores de Cadena

Los valores cadena pueden compararse usando los operadores de comparación.Adicionalmente, usted puede concatenar cadenas usando el operador +

Page 17: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<SCRIPT>

Operadores de Asignación

El operador de asignación '=' le permite asignar un valor a una variable.

Page 18: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<SCRIPT>

Operadores Logicos

Los operadores Lógicos se utilizan para combinar múltiples comparaciones en unaexpresión condicional. Un operador lógico toma dos operandos cada uno de los cualeses un valor true o false y devuelve un valor true o false.

Page 19: SESION 3 FORM Y JAVAS

<SCRIPT><FORM> ING. RAFAEL ROZO

<SCRIPT>

EJEMPLO DE FUNCIÓN