Formularios HTML

•Descargar como PPT, PDF•

1 recomendación•887 vistas

Este documento presenta un formulario de registro de personal utilizando diferentes controles de HTML como cuadros de texto, listas desplegables, áreas de texto, casillas de verificación, botones de opción y campos de archivo. Explica brevemente cada uno de estos controles y cómo se utilizan en el formulario para capturar datos de personal como nombres, sexo, categoría, estado civil y fotografía.

Educación

Formulario – Código Html
<body>
<form action="procingreso.php" method="get" enctype="multipart/form-data" name="form1" id="form1">
<table width="50%" border="0" align="center" cellpadding="0" cellspacing="4">
<tr>
<td colspan="2" bgcolor="#000099"><div align="center" class="Estilo1">DATOS DE PERSONAL </div></td>
</tr>
<tr>
<td width="18%" bordercolor="#FF9900" bgcolor="#FF9955"><div align="right"><strong>Nombres:</strong></div></td>
<td bgcolor="#FF9955"><label>
<input name="txtnombres" type="text" id="txtnombres" size="80" />
</label></td>
</tr>
<tr>
<td bordercolor="#FF9900" bgcolor="#FF9955"><div align="right"><strong>Sexo:</strong></div></td>
<td bgcolor="#FF9955"><div align="left">
<input type="checkbox" name="chksexo" id="chksexo" onclick="alerta()" />
<label for="textfield"></label>
<input name="txtsexo" type="text" class="fondo" id="txtsexo" />
</div>
</label></td>
</tr>
<tr>
<td bordercolor="#FF9900" bgcolor="#FF9955"><div align="right"><strong>Categoria:</strong></div></td>
<td bgcolor="#FF9955"><label>
<select name="cmbcat" size="1" id="cmbcat">
<option>Funcionario</option>
<option>Profesional</option>
<option>Tecnico</option>
………………………………………………………..

Control Cuadro de Texto

<input name="txtnombres" type="text" id="txtnombres" size="80" />

Control Lista desplegable

<select name="lstest" size="4" id="lstest">
<option>Casado</option>
<option>Soltero</option>
<option>Conviviente</option>
<option>Divorciado</option>
<option>Viudo</option>
</select>

Área de Texto

<textarea name="txtobservaciones" cols="65" rows="4" id="txtobservaciones"></textarea>

Control Checkbox

<input type="checkbox" name="chksexo" id="chksexo" />

Control Radio

<input type="radio" name="opestciv" value="casado" />
Casado</label>
<br />
<label>
<input type="radio" name="opestciv" value="soltero" />
Soltero</label>
<br />
<label>
<input type="radio" name="opestciv" value="conviviente" />
Conviviente</label>

Control Archivo

<input name="txtfoto" type="file" id="txtfoto" size="50" />

Segunda Entrega, próximamente

Más contenido relacionado

Similar a Formularios HTML

Jacqueline nuñez paccoJacqueline Nuñez Pacco

Nicolas castro sancheznicolas1811

Consultar estadoLismirabal

PhpVanesitaCarranza

Servlets que manejan datos de formularios HTMLjubacalo

Form sJun Chiba

Documentacion jhon elvis_quispe_gutierrezJ̶h̶o̶n̶ Q̶u̶i̶G̶u̶t̶

Atributos autofocus-etcautonotel

XML y DTDsJose Emilio Labra Gayo

Anthony saravia documentacion-phpAnthony Saravia

6Andres Camilo Ochoa Sanchez

Formularios en htmlInmaculada Concepción

6 131104180046-phpapp02Andres Camilo Ochoa Sanchez

AjaxArturo Gallarzo Castillo

Tecnologia Web - HTMLmontilinux

PROYECTO_PARTE_3.pdfLUISFERNANDOLPEZROME

Ejemplo aplicacion web (estructura)BrayanDZ92

Fe erratas portalJersonXP

DocumentacióN Del Sitio Web En XmlAntonio

Aprendiendo php 3Erick Trejo

Similar a Formularios HTML (20)

Jacqueline nuñez pacco

Nicolas castro sanchez

Consultar estado

Php

Servlets que manejan datos de formularios HTML

Form s

Documentacion jhon elvis_quispe_gutierrez

Atributos autofocus-etc

XML y DTDs

Anthony saravia documentacion-php

Formularios en html

6 131104180046-phpapp02

Ajax

Tecnologia Web - HTML

PROYECTO_PARTE_3.pdf

Ejemplo aplicacion web (estructura)

Fe erratas portal

DocumentacióN Del Sitio Web En Xml

Aprendiendo php 3

Último

Unidad 3 | Metodología de la InvestigaciónMaestría en Comunicación Digital Interactiva - UNR

Planificacion Anual 4to Grado Educacion Primaria 2024 Ccesa007.pdfDemetrio Ccesa Rayme

Registro Auxiliar - Primaria 2024 (1).pptxFelicitasAsuncionDia

SEXTO SEGUNDO PERIODO EMPRENDIMIENTO.pptxYadi Campos

Plan Refuerzo Escolar 2024 para estudiantes con necesidades de Aprendizaje en...Carlos Muñoz

Ecosistemas Natural, Rural y urbano 2021.pptxolgakaterin

Heinsohn Privacidad y Ciberseguridad para el sector educativoFundación YOD YOD

Informatica Generalidades - Conceptos BásicosCesarFernandez937857

RETO MES DE ABRIL .............................docxAna Fernandez

Dinámica florecillas a María en el mes dstEphaniiie

CALENDARIZACION DE MAYO / RESPONSABILIDADauxsoporte

SELECCIÓN DE LA MUESTRA Y MUESTREO EN INVESTIGACIÓN CUALITATIVA.pdfAngélica Soledad Vega Ramírez

ACERTIJO DE LA BANDERA OLÍMPICA CON ECUACIONES DE LA CIRCUNFERENCIA. Por JAVI...JAVIER SOLIS NOYOLA

TIPOLOGÍA TEXTUAL- EXPOSICIÓN Y ARGUMENTACIÓN.pptxlclcarmen

30-de-abril-plebiscito-1902_240420_104511.pdfgimenanahuel

Fe contra todo pronóstico. La fe es confianza.Alejandrino Halire Ccahuana

Clasificaciones, modalidades y tendencias de investigación educativa.José Luis Palma

Curso = Metodos Tecnicas y Modelos de Enseñanza.pdfFrancisco158360

Sesión de clase: Defendamos la verdad.pdfhttps://gramadal.wordpress.com/

Medición del Movimiento Online 2024.pptxIntegrated Sciences 8 (2023- 2024)

Formularios HTML

1. Wilbert Vilcahuaman Mamani Analista de Sistemas – Licenciado en Educación wvilcahuaman@senati.edu.pe

2. Formulario Registro de Personal

3. Formulario – Código Html <body> <form action="procingreso.php" method="get" enctype="multipart/form-data" name="form1" id="form1"> <table width="50%" border="0" align="center" cellpadding="0" cellspacing="4"> <tr> <td colspan="2" bgcolor="#000099"><div align="center" class="Estilo1">DATOS DE PERSONAL </div></td> </tr> <tr> <td width="18%" bordercolor="#FF9900" bgcolor="#FF9955"><div align="right"><strong>Nombres:</strong></div></td> <td bgcolor="#FF9955"><label> <input name="txtnombres" type="text" id="txtnombres" size="80" /> </label></td> </tr> <tr> <td bordercolor="#FF9900" bgcolor="#FF9955"><div align="right"><strong>Sexo:</strong></div></td> <td bgcolor="#FF9955"><div align="left"> <input type="checkbox" name="chksexo" id="chksexo" onclick="alerta()" /> <label for="textfield"></label> <input name="txtsexo" type="text" class="fondo" id="txtsexo" /> </div> </label></td> </tr> <tr> <td bordercolor="#FF9900" bgcolor="#FF9955"><div align="right"><strong>Categoria:</strong></div></td> <td bgcolor="#FF9955"><label> <select name="cmbcat" size="1" id="cmbcat"> <option>Funcionario</option> <option>Profesional</option> <option>Tecnico</option> ………………………………………………………..

4. Control Cuadro de Texto <input name="txtnombres" type="text" id="txtnombres" size="80" />

5. Control Lista desplegable <select name="lstest" size="4" id="lstest"> <option>Casado</option> <option>Soltero</option> <option>Conviviente</option> <option>Divorciado</option> <option>Viudo</option> </select>

6. Área de Texto <textarea name="txtobservaciones" cols="65" rows="4" id="txtobservaciones"></textarea>

7. Control Checkbox <input type="checkbox" name="chksexo" id="chksexo" />

8. Control Radio <input type="radio" name="opestciv" value="casado" /> Casado</label> <br /> <label> <input type="radio" name="opestciv" value="soltero" /> Soltero</label> <br /> <label> <input type="radio" name="opestciv" value="conviviente" /> Conviviente</label>

9. Control Archivo <input name="txtfoto" type="file" id="txtfoto" size="50" /> Segunda Entrega, próximamente

Formularios HTML

Recomendados

Recomendados

Más contenido relacionado

Similar a Formularios HTML

Similar a Formularios HTML (20)

Último

Último (20)

Formularios HTML