SlideShare una empresa de Scribd logo
1 de 12
FORMULARIOS: Se utiliza la etiqueta <form>. Esta 
etiqueta encierra todos los contenidos del formulario 
(botones, cuadros de textos, listas desplegables,etc).
<html> 
<head> 
<title>Formularios</title> 
</head> 
<body> 
<h3>Controles de Formulario generados por input</h3> 
<form> 
Nombre: <input type="text" name="nombre" value="" /><br><br> 
Contraseña: <input type="password" name="clave" value="" /><br><br> 
Hobbies<br> 
<input name="beber" type="checkbox" value="beber"/>Beber con los amigos<br> 
<input name="basket" type="checkbox" value="basket"/>Jugar Basket<br> 
<input name="muscia" type="checkbox" value="musica"/>Escuchar Musica<br> 
Sexo<br> 
<input type="radio" name="sexo" value="Hombre" checked="checked"/>Hombre<br> 
<input type="radio" name="sexo" value="Mujer" checked="checked"/>Mujer<br> 
<input type="submit" name="enviar" value="Enviar"/> 
<input type="reset" name="limpiar" value="Borrar datos del Formulario"/> 
</form> 
</body> 
</html>
<html> 
<head> 
<title>Formulario</title></head> 
<body> 
<form action="Untitled-2.php" method="post"> 
<table width="60%" border="1"> 
<tr> 
<td>Codigo</td> 
<td><input name="codigo" type="text" /></td> 
</tr> 
<tr> 
<td>Cedula</td> 
<td><input name="cedula" type="text" /></td> 
</tr> 
<tr> 
<td>Nombre</td> 
<td><input name="nombre" type="text" /></td> 
</tr> 
<tr> 
<td>Fecha de Ingreso</td> 
<td><input name="fecha" type="text" /></td>
</tr> 
<tr> 
<td>Cargo</td> 
<td><select name="cargo"> 
<option value="01">cajero</option> 
<option value="02">secretaria</option> 
<option value="03">analista</option> 
<option value="04">gerente</option> 
</select></td> 
</tr> 
<tr> 
<td>Banco</td> 
<td><select name="banco"> 
<option value="01">provincial</option> 
<option value="02">mercantil</option> 
<option value="03">bod</option> 
<option value="04">banesco</option> 
</select></td> 
</tr> 
<tr> 
<td>Direccion</td> 
<td><textarea name="direccion" cols="45" rows="3"></textarea></td> 
</tr> 
<tr>
<td>Telefono</td> 
<td><input name="telefono" type="text" /></td> 
</tr> 
<tr> 
<td>Enviar</td> 
<td><input name="enviar" type="submit" /></td> 
</tr> 
</table> 
</form> 
</body> 
</html>
Siendo hoy, nuestra última clase, realiza un formulario 
de registro de clientes, con fondo de pantalla, utilizando 
todas las etiquetas conocidas hasta ahora, desplegando 
los datos del cliente y que permita borrar los mismos, 
compartela con tus compañeros de clases.
Cuarta clase

Más contenido relacionado

Más de gabyfersanz

Más de gabyfersanz (9)

Tercera clase
Tercera claseTercera clase
Tercera clase
 
Segunda clase
Segunda claseSegunda clase
Segunda clase
 
Primera clase
Primera clasePrimera clase
Primera clase
 
Primera clase
Primera clasePrimera clase
Primera clase
 
Mapamental
MapamentalMapamental
Mapamental
 
Modeloconteptual
ModeloconteptualModeloconteptual
Modeloconteptual
 
Plan de clases
Plan de clasesPlan de clases
Plan de clases
 
Plan de clases
Plan de clasesPlan de clases
Plan de clases
 
Trabajofinal 8
Trabajofinal 8Trabajofinal 8
Trabajofinal 8
 

Último

Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PCCesarFernandez937857
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptELENA GALLARDO PAÚLS
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosCesarFernandez937857
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfMaryRotonda1
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxPryhaSalam
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para eventoDiegoMtsS
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxjosetrinidadchavez
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscaeliseo91
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMarjorie Burga
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdfBaker Publishing Company
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuaDANNYISAACCARVAJALGA
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Lourdes Feria
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticosisabeltrejoros
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdfDemetrio Ccesa Rayme
 

Último (20)

Identificación de componentes Hardware del PC
Identificación de componentes Hardware del PCIdentificación de componentes Hardware del PC
Identificación de componentes Hardware del PC
 
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.pptDE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
DE LAS OLIMPIADAS GRIEGAS A LAS DEL MUNDO MODERNO.ppt
 
Informatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos BásicosInformatica Generalidades - Conceptos Básicos
Informatica Generalidades - Conceptos Básicos
 
Manual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdfManual - ABAS II completo 263 hojas .pdf
Manual - ABAS II completo 263 hojas .pdf
 
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...
 
Presentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza MultigradoPresentacion Metodología de Enseñanza Multigrado
Presentacion Metodología de Enseñanza Multigrado
 
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptxEXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
EXPANSIÓN ECONÓMICA DE OCCIDENTE LEÓN.pptx
 
CALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDADCALENDARIZACION DE MAYO / RESPONSABILIDAD
CALENDARIZACION DE MAYO / RESPONSABILIDAD
 
programa dia de las madres 10 de mayo para evento
programa dia de las madres 10 de mayo  para eventoprograma dia de las madres 10 de mayo  para evento
programa dia de las madres 10 de mayo para evento
 
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 4to Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdf
 
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptxOLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
OLIMPIADA DEL CONOCIMIENTO INFANTIL 2024.pptx
 
la unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fiscala unidad de s sesion edussssssssssssssscacio fisca
la unidad de s sesion edussssssssssssssscacio fisca
 
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdfPlanificacion Anual 2do Grado Educacion Primaria   2024   Ccesa007.pdf
Planificacion Anual 2do Grado Educacion Primaria 2024 Ccesa007.pdf
 
MAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grandeMAYO 1 PROYECTO día de la madre el amor más grande
MAYO 1 PROYECTO día de la madre el amor más grande
 
2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf2024 - Expo Visibles - Visibilidad Lesbica.pdf
2024 - Expo Visibles - Visibilidad Lesbica.pdf
 
cortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahuacortes de luz abril 2024 en la provincia de tungurahua
cortes de luz abril 2024 en la provincia de tungurahua
 
Heinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativoHeinsohn Privacidad y Ciberseguridad para el sector educativo
Heinsohn Privacidad y Ciberseguridad para el sector educativo
 
Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...Caja de herramientas de inteligencia artificial para la academia y la investi...
Caja de herramientas de inteligencia artificial para la academia y la investi...
 
texto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticostexto argumentativo, ejemplos y ejercicios prácticos
texto argumentativo, ejemplos y ejercicios prácticos
 
Neurociencias para Educadores NE24 Ccesa007.pdf
Neurociencias para Educadores  NE24  Ccesa007.pdfNeurociencias para Educadores  NE24  Ccesa007.pdf
Neurociencias para Educadores NE24 Ccesa007.pdf
 

Cuarta clase

  • 1.
  • 2. FORMULARIOS: Se utiliza la etiqueta <form>. Esta etiqueta encierra todos los contenidos del formulario (botones, cuadros de textos, listas desplegables,etc).
  • 3.
  • 4.
  • 5. <html> <head> <title>Formularios</title> </head> <body> <h3>Controles de Formulario generados por input</h3> <form> Nombre: <input type="text" name="nombre" value="" /><br><br> Contraseña: <input type="password" name="clave" value="" /><br><br> Hobbies<br> <input name="beber" type="checkbox" value="beber"/>Beber con los amigos<br> <input name="basket" type="checkbox" value="basket"/>Jugar Basket<br> <input name="muscia" type="checkbox" value="musica"/>Escuchar Musica<br> Sexo<br> <input type="radio" name="sexo" value="Hombre" checked="checked"/>Hombre<br> <input type="radio" name="sexo" value="Mujer" checked="checked"/>Mujer<br> <input type="submit" name="enviar" value="Enviar"/> <input type="reset" name="limpiar" value="Borrar datos del Formulario"/> </form> </body> </html>
  • 6.
  • 7. <html> <head> <title>Formulario</title></head> <body> <form action="Untitled-2.php" method="post"> <table width="60%" border="1"> <tr> <td>Codigo</td> <td><input name="codigo" type="text" /></td> </tr> <tr> <td>Cedula</td> <td><input name="cedula" type="text" /></td> </tr> <tr> <td>Nombre</td> <td><input name="nombre" type="text" /></td> </tr> <tr> <td>Fecha de Ingreso</td> <td><input name="fecha" type="text" /></td>
  • 8. </tr> <tr> <td>Cargo</td> <td><select name="cargo"> <option value="01">cajero</option> <option value="02">secretaria</option> <option value="03">analista</option> <option value="04">gerente</option> </select></td> </tr> <tr> <td>Banco</td> <td><select name="banco"> <option value="01">provincial</option> <option value="02">mercantil</option> <option value="03">bod</option> <option value="04">banesco</option> </select></td> </tr> <tr> <td>Direccion</td> <td><textarea name="direccion" cols="45" rows="3"></textarea></td> </tr> <tr>
  • 9. <td>Telefono</td> <td><input name="telefono" type="text" /></td> </tr> <tr> <td>Enviar</td> <td><input name="enviar" type="submit" /></td> </tr> </table> </form> </body> </html>
  • 10.
  • 11. Siendo hoy, nuestra última clase, realiza un formulario de registro de clientes, con fondo de pantalla, utilizando todas las etiquetas conocidas hasta ahora, desplegando los datos del cliente y que permita borrar los mismos, compartela con tus compañeros de clases.