Lee el siguiente tutorial:
http://www.webtaller.com/manual-html/formularios.php
Y crea un formulario con los siguientes campos.
Nombre y apellidos: campos tipo texto.
Nota: campo de selección. Si no entiendes bien el tutorial, haz varias pruebas o busca otro tutorial.
Contraseña: campo tipo password
Curso: campo de selección.
sexo: campo tipo radio.
Observaciones: área de texto.
miércoles, 28 de abril de 2010
Notas
Haz un formulario que pida el nombre y apellidos y tres notas, y muestre el nombre y los apellidos y la media de las tres notas.
jueves, 15 de abril de 2010
trabajar con cadenas
Ya hemos visto que los datos del formulario llegan al fichero del script en la barra de direcciones del navegador.
Pero la dirección web (url) es una cadena de caracteres muy larga. Dentro de esa cadena está la información que queremos, pero tenemos que sacarla. Para eso tenemos que aprender a dividir una cadena de caracteres en otras cadenas más pequeñas.
Imagina que tenemos un texto y queremos dividirlo en palabras. Por ejemplo, tenemos una variable así: cadena= "esto es una frase" y queremos hacer un script que de como resultado:
esto
es
una
frase
Tenemos una variable que se llama cadena y queremos tener una variable que valga "esto" otra que valga "es" y así hasta el final de la frase. Mejor un array: array[0]="esto" array[1]="es" array[2]="una"
Necesitamos una instrucción que cree el array a partir de la cadena. Esta es la instrucción split.
Se escribe así:
array=cadena.split('separador');
array es el nombre del array que va a contener las palabras. Se puede llamar array o llamarlo con otro nombre
cadena es el nombre de la variable que contiene la cadena que quiero dividir.
.split hay que escribirlo así tal cual.
separador es el caracter por el cual se va a separar la cadena. Si quiero dividir una frase en palabras, el separador será el espacio. Hay que escribirlo entre comillas simples. Así ' '.
El ejercicio es hacer un programa que pida una frase con el prompt y la divida en palabras escribiendo cada una en una columna
Pero la dirección web (url) es una cadena de caracteres muy larga. Dentro de esa cadena está la información que queremos, pero tenemos que sacarla. Para eso tenemos que aprender a dividir una cadena de caracteres en otras cadenas más pequeñas.
Imagina que tenemos un texto y queremos dividirlo en palabras. Por ejemplo, tenemos una variable así: cadena= "esto es una frase" y queremos hacer un script que de como resultado:
esto
es
una
frase
Tenemos una variable que se llama cadena y queremos tener una variable que valga "esto" otra que valga "es" y así hasta el final de la frase. Mejor un array: array[0]="esto" array[1]="es" array[2]="una"
Necesitamos una instrucción que cree el array a partir de la cadena. Esta es la instrucción split.
Se escribe así:
array=cadena.split('separador');
array es el nombre del array que va a contener las palabras. Se puede llamar array o llamarlo con otro nombre
cadena es el nombre de la variable que contiene la cadena que quiero dividir.
.split hay que escribirlo así tal cual.
separador es el caracter por el cual se va a separar la cadena. Si quiero dividir una frase en palabras, el separador será el espacio. Hay que escribirlo entre comillas simples. Así ' '.
El ejercicio es hacer un programa que pida una frase con el prompt y la divida en palabras escribiendo cada una en una columna
domingo, 11 de abril de 2010
Recibir los datos del formulario
Ahora ya sabes crear un formulario. Una vez que rellenas el formulario y lo envías, la página web que contiene el programa debe recibir los datos del formulario y procesarlos.
Lo ideal sería que si por ejemplo introduces un nombre, en el programa en javascript existiera automáticamente una variable llamada nombre cuyo valor fuera lo que el usuario ha introducido en el campo nombre del formulario. Pero no es tan sencillo.
Hay varios métodos para enviar la información al programa. Estan el GET y el POST. EL GET no funciona en javascript, así que usaremos el GET.
Este método incluye los datos del formulario en la dirección web que se escribe en la barra de direcciones. Por ejemplo, yo acabo de hacer un formulario que llama a una página web que se llama programa.html. El formulario te pide un nombre. Yo he metido antonio.
Al pulsar enviar, el navegador abre programa.html y en la barra de direcciones del navegador aparece lo siguiente:
file:///C:/Documents%20and%20Settings/%C3%alvaro/Mis%20documentos/Documents/paco/programa.html?nombre=antonio
Fíjate que aparece la ruta del fichero programa.html y al final ?nombre=antonio
Ahora deberiamos extraer de esa cadena de caracteres el dato antonio y meterlo en una variable por ejemplo nombre. Para eso debemos hacer varias cosas: Primero deberíamos tener una variable que contenga toda esa cadena de caracteres y después sacar de esa cadena el dato que queremos.
la variable que contiene esa cadena se llama location.href. De manera que si yo escribo en el programa document.write(location.href) me escribirá en el documento toda esa cadena, es decir:
file:///C:/Documents%20and%20Settings/%C3%alvaro/Mis%20documentos/Documents/paco/programa.html?nombre=antonio
El ejercicio ahora consiste en tomar el formulario del ejercicio anterior, pasar los datos a un fichero con un script que escriba en el documento la dirección que está escrita en la barra de direcciones, es decir, la url.
Lo ideal sería que si por ejemplo introduces un nombre, en el programa en javascript existiera automáticamente una variable llamada nombre cuyo valor fuera lo que el usuario ha introducido en el campo nombre del formulario. Pero no es tan sencillo.
Hay varios métodos para enviar la información al programa. Estan el GET y el POST. EL GET no funciona en javascript, así que usaremos el GET.
Este método incluye los datos del formulario en la dirección web que se escribe en la barra de direcciones. Por ejemplo, yo acabo de hacer un formulario que llama a una página web que se llama programa.html. El formulario te pide un nombre. Yo he metido antonio.
Al pulsar enviar, el navegador abre programa.html y en la barra de direcciones del navegador aparece lo siguiente:
file:///C:/Documents%20and%20Settings/%C3%alvaro/Mis%20documentos/Documents/paco/programa.html?nombre=antonio
Fíjate que aparece la ruta del fichero programa.html y al final ?nombre=antonio
Ahora deberiamos extraer de esa cadena de caracteres el dato antonio y meterlo en una variable por ejemplo nombre. Para eso debemos hacer varias cosas: Primero deberíamos tener una variable que contenga toda esa cadena de caracteres y después sacar de esa cadena el dato que queremos.
la variable que contiene esa cadena se llama location.href. De manera que si yo escribo en el programa document.write(location.href) me escribirá en el documento toda esa cadena, es decir:
file:///C:/Documents%20and%20Settings/%C3%alvaro/Mis%20documentos/Documents/paco/programa.html?nombre=antonio
El ejercicio ahora consiste en tomar el formulario del ejercicio anterior, pasar los datos a un fichero con un script que escriba en el documento la dirección que está escrita en la barra de direcciones, es decir, la url.
lunes, 5 de abril de 2010
Formularios
Un formulario es una parte de una página web que se utiliza para recoger datos. Se rellenan una serie de campos y se pulsa un botón para transmitirlos.
Normalmente queremos hacer un formulario para recoger la información que luego va a ser utilizada por un script. El formulario lo hacemos en html, y después un script recoge esa información y realiza los cálculos correspondientes. Es decir, que el formulario se hace en html, no en javascript.
Busca un tutorial y crea una página web con un formulario para recoger los siguientes datos: nombre, apellido1,apellido2, nota1, nota2, nota3.
Normalmente queremos hacer un formulario para recoger la información que luego va a ser utilizada por un script. El formulario lo hacemos en html, y después un script recoge esa información y realiza los cálculos correspondientes. Es decir, que el formulario se hace en html, no en javascript.
Busca un tutorial y crea una página web con un formulario para recoger los siguientes datos: nombre, apellido1,apellido2, nota1, nota2, nota3.
Suscribirse a:
Entradas (Atom)