Etiquetas de formularios_HTML_recurso_44.pptx

Guia para desarrollar y crear etiquetas de formularios html

1. Más Etiquetas y Formularios HTML Contenido 3 Especialidad Programación Módulo Desarrollo de Aplicaciones Web

2. QUÉ VEREMOS EN ESTA SESIÓN Revisión de conceptos Revisaremos resultados y conceptos previos estudiados en caso y evaluados en cuestionario. Formularios HTML Revisaremos cómo armar un formulario html. Desafío: Página web con formulario El desafío de esta semana consiste en hacer una página web que contenga un formulario.

3. 01 Revisión de Conceptos

4. REVISEMOS LOS RESULTADOS DEL CUESTIONARIO Escribir los temas Revisemos algunos conceptos Cambiar gráfico al propuesto por G oogle cuestionario

5. 02 Formularios HTML Dando forma a la página web

6. FORMULARIOS HTML < form action = "mailto:[email protected]" method = "post" enctype = " text / plain " > Nombre < input type = " text " name = "nombre" size = "30" maxlength = "100" > < br > Email < input type = " text " name = "email" size = "25" maxlength = "100" value = "@" >< br > Pais < input type = " text " name = " poblacion " size = "20" maxlength = "60" >< br > Ciudad < br > < select name = " utilizacion " > < option value = "1" > Viña < option value = "2" > Santiago < option value = "3" > Rancagua </ select > < br > Comentarios sobre su satisfacción personal < br > < textarea cols = "30" rows = "7" name = "comentarios" ></ textarea >< br > < input type = " submit " value = "Enviar formulario" >< br >< br > < input type = " Reset " value = "Borrar todo" > </ form >

7. FORMULARIOS HTML

8. CAMPOS DE FORMULARIOS TIPO NOMBRE CÓMO USAR ACCIÓN action <form action ="../form- result.php " target="_ blank "> </form> BOTÓN submit <input type="submit" value="Enviar"> TEXTO text <input type="text" name="nombrecompleto"> TEXTO MULTILINEA textarea <textarea name="mensaje"></textarea> CASILLAS DE VERIFICACIÓN checkbox <input type="checkbox" name="peliculas"> Películas<br> LISTA radio <input type="radio" name="ingresos" value="menosde1000"> menos de

9. 03 Desafío Agregando otros formatos a la página web

10. PASOS PARA EL DESAFÍO Busca tu documento index.html Piensa en elementos a agregar tales como imágenes, vínculos, tablas o formulario. Estructura en papel agregando al menos dos nuevos elementos. Incorpora esta estructura en tu documento index.html Enviar la Tarea ya sea el documento index en ATOM o el link en repl.it a través de G oogle C lassroom Cómo ordenar mejor el formulario. Se podrá aplicar tablas? Analiza e incorp ó ralo. BONUS

11. ¿NECESITAS AYUDA? Formulario Base Guía Formularios Referencias

12. 04 Revisión de Desafíos

13. ACTIVIDADES A REALIZAR Revisa las actividades que debes realizar antes de la siguiente sesión ANTES DE LA SIGUIENTE SESIÓN Revisar material de conceptos de nueva sesión Responder cuestionario de conceptos a enviar LO QUE VEREMOS EN LA SIGUIENTE SESIÓN Servidores Hosting Desafío

14. ¿DUDAS? Recuerda que si tienes alguna duda en tu trabajo en casa puedes usar classroom para preguntar.