Documentos de Académico
Documentos de Profesional
Documentos de Cultura
DOCTYPE > <html> <head><center> DATOS DE ALUMNOS</center> <title>TAREA 1</title> <style type="text/css"> <!-body,td,th {color: #FFFFFF;} body { background-color: #99CC99;} .cuadro { background-color: #99CCCC; border-top-color: #FF0000; border-right-color: #FF0000; border-bottom-color: #FF0000; border-left-color: #FF0000; font-family: "Courier New", Courier, monospace; font-size: 16px; font-style: normal; line-height: normal; font-weight: bolder; font-variant: normal; text-transform: capitalize; color: #00FF00; } --> </style> </head> <body> <form id="form1" name="form1" method="post" action="tarea 1.php"> <table width="818" border="1" align="center" bgcolor="#339999"> <tr> <td width="170">NOMBRE ALUMNO</td> <td width="192"> <input name="nombre" type="text" class="cuadro" id="nombre" /> </td> <td width="94">APELLIDOS</td> <td width="334"> <input name="ape" type="text" class="cuadro" id="ape" /> </td> </tr> <tr> <td>MODULO</td>
<td> <input name="mod" type="text" class="cuadro" id="mod" /> </td> <td>MES</td> <td> <select name="mes" class="cuadro" id="mes"> <option selected="selected"> </option> <option>Enero</option> <option>Febrero</option> <option>Marzo</option> <option>Abril</option> <option>Mayo</option> <option>Junio</option> <option>Julio</option> <option>Agosto</option> <option>Septiembre</option> <option>Noviembre</option> <option>Diciembre</option> </select> </td> </tr> <tr> <td>PROFESOR</td> <td><input name="pro" type="text" class="cuadro" id="pro" /></td> <td>HORA</td> <td> <select name="h" class="cuadro" id="h"> <option selected="selected"> </option> <option>A</option> <option>B</option> <option>C</option> <option>D</option> <option>L</option> <option>E</option> <option>F</option> <option>G</option> <option>H</option> <option>J</option> </select> </td> </tr> <tr> <td>NOTA 1</td> <td>
<input name="n1" type="text" class="cuadro" id="n1" /> </td> <td>NOTA 2</td> <td> <input name="n2" type="text" class="cuadro" id="n2" /> </td> </tr> <tr> <td>NOTA 3</td> <td> <input name="n3" type="text" class="cuadro" id="n3" /> </td> <td>NOTA 4</td> <td> <input name="n4" type="text" class="cuadro" id="n4" /> </td> </tr> <tr> <td colspan="2">OBSERVACION</td> <td colspan="2"> <textarea name="obse" cols="45" rows="3" class="cuadro" id="obse"></textarea> </td> </tr> <tr> <td colspan="4"> <div align="center"> <input type="submit" name="button" id="button" value="Enviar Datos" /> <input type="reset" name="button2" id="button2" value="Eliminar Datos" /> </div> </td> </tr> </table> <p align="center"> </p> <div align="center"></div> <div align="center"></div> </form> </body> </html> Vista previa en el navegador para envio de datos Nota: puede cambiar los formatos segn su creatividad.
Ingresar al editor de pgina web y redactar el cdigo que est a continuacin guardarlo con la extensin php.
Nota: Los nombres que estn de color rojo en los corchetas son los de las cajas de texto del archivo html (los nombres de los objetos de formulario)