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

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
Fernando Solis
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
amelia poma
 

Último (20)

Concepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptxConcepto y definición de tipos de Datos Abstractos en c++.pptx
Concepto y definición de tipos de Datos Abstractos en c++.pptx
 
Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024Interpretación de cortes geológicos 2024
Interpretación de cortes geológicos 2024
 
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACIONRESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
RESOLUCIÓN VICEMINISTERIAL 00048 - 2024 EVALUACION
 
Lecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigosLecciones 06 Esc. Sabática. Los dos testigos
Lecciones 06 Esc. Sabática. Los dos testigos
 
Usos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicasUsos y desusos de la inteligencia artificial en revistas científicas
Usos y desusos de la inteligencia artificial en revistas científicas
 
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESOPrueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
Prueba de evaluación Geografía e Historia Comunidad de Madrid 4ºESO
 
Posición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptxPosición astronómica y geográfica de Europa.pptx
Posición astronómica y geográfica de Europa.pptx
 
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIASISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
SISTEMA RESPIRATORIO PARA NIÑOS PRIMARIA
 
Los dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la VerdadLos dos testigos. Testifican de la Verdad
Los dos testigos. Testifican de la Verdad
 
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptxPLAN LECTOR 2024  integrado nivel inicial-miercoles 10.pptx
PLAN LECTOR 2024 integrado nivel inicial-miercoles 10.pptx
 
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docxPLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
PLAN DE REFUERZO ESCOLAR MERC 2024-2.docx
 
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN  PARÍS. Por JAVIER SOL...
ACERTIJO LA RUTA DEL MARATÓN OLÍMPICO DEL NÚMERO PI EN PARÍS. Por JAVIER SOL...
 
Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024Tema 19. Inmunología y el sistema inmunitario 2024
Tema 19. Inmunología y el sistema inmunitario 2024
 
activ4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdfactiv4-bloque4 transversal doctorado.pdf
activ4-bloque4 transversal doctorado.pdf
 
Novena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan EudesNovena de Pentecostés con textos de san Juan Eudes
Novena de Pentecostés con textos de san Juan Eudes
 
Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024Tema 17. Biología de los microorganismos 2024
Tema 17. Biología de los microorganismos 2024
 
Desarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por ValoresDesarrollo y Aplicación de la Administración por Valores
Desarrollo y Aplicación de la Administración por Valores
 
Factores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdfFactores que intervienen en la Administración por Valores.pdf
Factores que intervienen en la Administración por Valores.pdf
 
Los avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtualesLos avatares para el juego dramático en entornos virtuales
Los avatares para el juego dramático en entornos virtuales
 
Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024Tema 10. Dinámica y funciones de la Atmosfera 2024
Tema 10. Dinámica y funciones de la Atmosfera 2024
 

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.