Descargado 13 veces
Subido porWilbert Vilcahuaman Mamani
Formularios HTML
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.
Formularios HTML
- 1. Wilbert Vilcahuaman Mamani Analistade Sistemas – Licenciado en Educación wvilcahuaman@senati.edu.pe
- 2. Formulario Registro dePersonal
- 3. Formulario – CódigoHtml <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 deTexto <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 <textareaname="txtobservaciones" cols="65" rows="4" id="txtobservaciones"></textarea>
- 7. Control Checkbox <inputtype="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 <inputname="txtfoto" type="file" id="txtfoto" size="50" /> Segunda Entrega, próximamente