Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (19)
Destacado
Destacado (15)
Similar a Html investigacion
Similar a Html investigacion (20)
Último
Último (7)
Html investigacion
- 1. Procedimiento de creación de archivo HTML y PHP (código). Juan Héctor Ruiz Blanco 3; B de programación Materia: base de datos Maestro: Sergio Siller
- 2. HTML: Los formularios HTML nos ayudan a aumentar la interactividad de nuestra Web y nos permiten recibir información de los usuarios de nuestro site. Los formularios html están compuestos porcampos de texto y botones. Una vez el usuario ha rellenado el formulario e introducido los valores en los campos,éstos son enviados para poderprocesarlos.El envío de estos datos puede hacerse a un correo electrónico o a un programa que procese toda la información y nos ayude a hacer un seguimiento. Los formularios son un tag más de html y, como todos los tags, debe ir indicado mediante una etiqueta. La etiqueta de los formularios es <form> y su cierre </form>.Todo lo que vaya dentro de estas etiquetas, serán partes del formulario. La etiqueta <form> tiene una serie de atributos básicos que vamos a pasarte a explicar a continuación. Action El atributo “action” indica el tipo de acción que va a realizar el formulario. Anteriormente indicamos que la información podíaenviarse a un correo electrónico o a un programa que la gestione.Es mediante esta etiqueta que se gestionan los formularios. Si queremos que el formulario se envíe a un correo,la acción quedaría escrita de la siguiente manera: <form action=mailto:direcciondelcorreo@correo.com…></form>.Este tipo de envíos se utilizarían para casos de formularios de contacto, de sugerencias,etc. Si lo que queremos es que la información sea enviada a un programa que la gestione,debemosindicarle en la acción, la url del archivo donde se encuentra ubicado el programa que la gestionará. Lo escribiríamosde la siguiente manera: <form action="dirección completadel archivo que la gestionará" ...> </form>. Este tipo de envíos se utilizarían para casos de formularios de encuestas, cuestionarios,etc.
- 3. Method Mediante este atributo le indicamos al formulario la forma en la que el formulario será enviado. Existen dos valores posibles:get y post. El valor get es el valor por defecto.Si no concretamos el method, la información se enviará a través de este medio. “get” indica que los datos enviados se adjuntarán en la barra de direcciones delcliente, al final de la url correspondiente y despuésde un signo de interrogación de cierre. Si se envía más de un dato, éstos irán separados por el símbolo &. Un ejemplo de un formulario enviado por el method=“get” sería el siguiente: http://www............?nombre1=valor1&nombre2=valor2 El valor post indica que el método de envío no se hará a través de la url, sino formando parte del cuerpo de la petición. Enctype Mediante este atributo indicaremos la forma en la que viajará la información que se mande a través del formulario. La forma puede ser de varios tipos, aunque el más común es que la información se envíe como texto plano (enctype="text/plain"). Una vez vistos estos tres atributos, veremos cómo quedaríael código de un formulario estándar a un correo electrónico: <form action="mailto:direcciondelcorreo@correo.com" method="post" enctype="text/plain"> </form>
- 4. Un documento HTML comienza siempre con la etiqueta <HTML>5, que indica que el documento en cuestión está construido con dicho lenguaje. La mayoría de las etiquetas son pareadas, es decir, <...> corresponde al principio de la acción y </...> indica el fin de dicha acción. Por tanto, una página web estará siempre contenida entre las etiquetas <HTML> y </HTML>. Por otra parte, todo documento HTML consta de dos partes: la cabecera(head) y el cuerpo del documento (body). La cabeceracontiene básicamente información destinada al browser (o navegador), que queda oculta al usuario. Su etiqueta (pareada) es <HEAD>. El cuerpo es el documento que ve el usuario. Su etiqueta (pareada) es <BODY>. Ya estamos en condiciones de componernuestra primera página web. Basta con escribir las siguientes etiquetas en nuestro editor de texto y salvar el resultado con la extensión *.HTML o *.HTM: Blockquote La etiqueta blockquote se escribe gracias a la apertura <blockquote> y a su cierre </blockquote>.Todo lo que esté dentro de esta etiqueta estará sujeto a su acción. El blockquote se usa para escribiruna cita textual o un párrafo exacto y que éste se diferencie delresto del texto. El efecto que nos muestra es que crea unos espacios ala derecha y a la izquierda del texto, para que se diferencie de los demás. La etiqueta <INPUT> va a definir la mayoría de los diferentes elementos que va a contener el formulario. Sus atributos y valores son:
- 5. * TYPE = " tipo ", donde tipo puede ser uno cualquiera de los elementos que veremos a continuación: Text, que sirve para introducir una caja de texto simple,y admite los parámetros: Name=" nombre",que asigna de forma unívoca un nombre identificadora la variable que se introduzca en la caja de texto. BOTONES DE ENVÍO (SUBMIT) Este tipo de botones envía automáticamente el formulario en que se encuentra cuando es presionado.Es decir, cuando se pulsa el botón el navegador nos lleva a la direcciónweb indicada en el campo action y al mismo tiempo envía a esa direcciónlos datos que contiene el formulario. Para insertar un botón usamos la etiqueta <input … />. Para indicar que se trata de un botón de envío dentro de esta etiqueta escribiremostype = "submit".Escribe este código en un editor de textos, guárdalo como archivo con extensión HTML y compruebalos resultados que se obtienen. Valué: Cada control tiene un valor inicial y un valor actual. Normalmente, el valor inicial de un control puede especificarse conel atributo value. El valor actual del control se hace en primer lugar igual al valor inicial. A partir de ese momento,el valor actual del control puede ser modificado mediante la acción del usuario. El valor inicial de un control no cambia. Así,cuando se carga el formulario, el valor actual de cada control se restablece a su valor inicial. Si el control no tiene un valor inicial, el efecto de una re inicialización o carga del formulario sobre ese control es indefinido.Indefinido significaque no sabemos exactamente lo que va a pasar. Para que no ocurra esto,es preferible establecer siempre un valor inicial.
- 6. PHP: Se utiliza para generar páginas web dinámicas. Recordarque llamamos página estática a aquella cuyos contenidos permanecen siempre igual, mientras que llamamos páginas dinámicas a aquellas cuyo contenido no es el mismo siempre.Por ejemplo,los contenidos pueden cambiar en base a los cambios que haya en una base de datos, de búsquedas o aportaciones de los usuarios, etc. ¿Cómo trabaja PHP? El lenguaje PHP se procesaen servidores,que son potentes ordenadores conun software y hardware especial. Cuando se escribe una direccióntipo http://www.aprenderaprogramar.com/index.php en un navegador web como Internet Explorer, Firefox o Chrome, ¿qué ocurre? Se envían los datos de la solicitud al servidor que los procesa,reúne los datos (por eso decimos que es un proceso dinámico)yel servidorlo que devuelve es una página HTML como si fuera estática. <body> </body> </html> <?php (Este signo significa que iniciara el código)$id = $_POST('id'); $nombre = $_POST('nombre');$apellidop = $_POST('apellidop'); $apellidom = $_POST('apellidom');$edad = $_POST('edad');(Como ven estos son los signos de las variables) if ($id and $nombre and $apellidop and $apellidom and $edad){(Esta es la condicion) $conexion= mysqli_connect("localhost","root",""); mysqli_select_db($conexion,"profesiller");Esta es laoperaciónde asignación 3. mysqli_query($conexion,"INSERT INTO alumnos VALUES ('$id','$nombre','$apellidop','$apellidom','$edad')"); mysqli_close($conexion);(Para insertar los valores) } else{ echo "Los datos enviados estan vacios"; } (Sirve para insertar texto dentro del documento)?> (Este signo significa que termino el código)