martes, 23 de agosto de 2016

Ejercicios.

En el día de hoy el docente nos resolvió las dudas sobre el tema y nos explico formularios.

A continuación les dejare un pequeño ejercicio.

<html>
<head>
<title>Formulario</title>
</head>
<body>
<center>
<h1>Formulario</h1>
</center>
<form action="" method="post" enctype="text/plain">
<p>Igrese su primer nombre</p>
<input type="text" name="text">
<p>Ingrese su segundo nombre</p>
<input type="text" name="text">
<p>Ingrese su primer apellido</p>
<input type="text" name="text">
<p>Ingrese su segundo apellido</p>
<input type="text" name="text">
<p>Sexo</p>
<select name="sexo">
<option>Masculino</option>
<option>Femenino</option>
<option>Otro</option>
</select>
<p>Dia</p>
<select name="dia">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<p>Mes</p>
<select name="mes">
<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>Octubre</option>
<option>Noviembre</option>
<option>Diciembre</option>
</select>
<p>A&ntilde;o</p>
<select name="A&ntilde;o">
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
<option>2015</option>
<option>2016</option>
</select>
<p>Ingrese su correo electronico</p>
<input type="text" name="correo">
<p>contrase&ntilde;a</p>
<input type="password" name="contrase&ntilde;a">
<p>Confirmar contrase&ntilde;a</p>
<input type="password" name="contrase&ntilde;a">
<table width="50%" border="0" align="center" cellpadding="10" cellspacing="0">
<tr>
<td><div align="center">
<input type="submit" value="Enviar formulario">
</div></td>
<td><div align="center">
<input type="reset" value="Borrar informaci&oacute;n">
</div></td>
</tr>
</table>
</form>
</body>

</html>



Y se visualizara de la siguiente manera.












No hay comentarios.:

Publicar un comentario