Unas de las capacidades del html es poder crear formularios, pero al ser bastante extenso lo explicare por separado con respecto a los puntos anteriores:
- <form> </form> Etiqueta para generar un formulario
- <imput type="" name="" value="" /> Etiqueta para generar un campo donde introducir datos
- type="text | password | checkbox | radio | submit | reset | file | hidden | image | button" Indica el tipo de control que se incluye en el formulario
- name="(nombre)" Indica un nombre al control
- value="(valor inicial)" Indica un valor inicial al control
- maxlength="(nº)" Indica el máximo numero de caracteres al control
- checked="checked" Indica qué opción aparece preseleccionada para los controles checkbox y radiobutton
- <label for=""> </label> Etiqueta para generar una lista desplegable
- <select id"" name=""> </selec> Etiqueta donde introducir las opciones
- <option value="" selected="selected"> </option> Etiqueta de opción predeterminada
- <option value=""> </option> Etiqueta de opción
6º Os pondré como sería un formulario bastante completo para una página web:
<html>
<head>
<title> Formulario cv </title>
</head>
<body>
<form>
<table>
<tr>
<td> <h1> Rellena tu CV </h1> </td>
</tr>
<tr>
<td> Nombre
<br/> <input type="text" name="nombre" value="" maxlength="10"/> </td>
</tr>
<tr>
<td> Apellidos
<br/> <input type="text" name="apellidos" value="" size="50" /> </td>
</tr>
<tr>
<td> Contraseña
<br/> <input type="password" name="contraseña" value="" maxlength="10"/> </td>
</tr>
<tr>
<td> DNI
<br/> <input type="text" name="dni" value="" size="10" maxlength="9" /> </td>
</tr>
<tr>
<td> Sexo
<br/> <input type="radio" name="sexo" value="" checked="checked"/> Hombre
<br/> <input type="radio" name="sexo" value=""/> Mujer </td>
</tr>
<tr>
<td> <label for="so"> Provincas </label> <br/>
<select id="so" name="so">
<option value="" selected="selected">-seleciona-</option>
<option value="Madrid"> Madrid </option>
<option value="Toledo"> Toledo </option>
<option value="valencia"> Valencia </option>
<option value="Barcelona"> Barcelona </option>
</select>
</td>
</tr>
<td> <label for="so"> Fecha de nacimiento </label> <br/>
<input type="text" size="3" maxlength="2" id="fecha_dia" name="fecha_dia"/> de
<select id="fecha_mes" name="fecha_mes">
<option value="" selected="selected">-seleciona-</option>
<option value="Enero"> Enero </option>
<option value="Febrero"> Febrero </option>
<option value="Marzo"> Marzo </option>
<option value="Abril"> Abril </option>
<option value="Mayo"> Mayo </option>
<option value="Junio"> Junio </option>
<option value="Julio"> Julio </option>
<option value="Agosto"> Agosto </option>
<option value="Septiembre"> Septiembre </option>
<option value="Octubre"> Octubre </option>
<option value="Noviembre"> Noviembre </option>
<option value="Diciembre"> Diciembre </option>
</select>
de
<input type="text" size="5" maxlength="4" id="fecha_año" name="fecha_año"/>
</td>
<tr>
<td> <br/> Incluir mi foto <input type="text" name="foto_adjunta" value="" maxlength="10"/> <input type="file" name="foto_adjunta" value=""/> </td>
</tr>
<tr>
<td> <br/> <input type="checkbox" name="suscribirme" value="" checked="checked"/> Suscribirme al boletin de novedades </td>
</tr>
<tr>
<td> <br/> <input type="submit" name="guardar_cambios" value="Guardar cambios"/>
<input type="submit" name="borrar_los_datos_introducidos" value="Borrar los datos introducidos"/> </td>
</tr>
<tr>
<td> <br/> Descripción del producto
<br/> <textarea id="descripcion" name="descripcion" cols="40" rows="5" /> </textarea></td>
</tr>
</table>
</form>
</body>
</html>
Con esto sería generar un formulario en que que se inserten datos en distintos tipos de campos y creacion de botones con sus respectivas funcionalidades
No hay comentarios:
Publicar un comentario