12
HTML FORMULARIOS

Cuarta clase

Embed Size (px)

Citation preview

Page 1: Cuarta clase

HTMLFORMULARIOS

Page 2: Cuarta clase

FORMULARIOS: Se utiliza la etiqueta <form>. Esta etiqueta encierra todos los contenidos del formulario (botones, cuadros de textos, listas desplegables,etc).

Page 3: Cuarta clase

<html><head><title>Formularios</title></head><body><form action=«/registrardatos.php» method=«post»>

Ingrese su nombre:<input type=«text» name= «nombre» size=«20»><br><input type=«submit» value=«enviar»></form></body></html>

Page 4: Cuarta clase
Page 5: Cuarta clase

<html><head><title>Formularios</title></head><body><h3>Controles de Formulario generados por input</h3><form>Nombre: <input type="text" name="nombre" value="" /><br><br>Contraseña: <input type="password" name="clave" value="" /><br><br>Hobbies<br><input name="beber" type="checkbox" value="beber"/>Beber con los amigos<br><input name="basket" type="checkbox" value="basket"/>Jugar Basket<br><input name="muscia" type="checkbox" value="musica"/>Escuchar Musica<br>Sexo<br><input type="radio" name="sexo" value="Hombre" checked="checked"/>Hombre<br><input type="radio" name="sexo" value="Mujer" checked="checked"/>Mujer<br><input type="submit" name="enviar" value="Enviar"/><input type="reset" name="limpiar" value="Borrar datos del Formulario"/></form></body></html>

Page 6: Cuarta clase
Page 7: Cuarta clase

<html><head><title>Formulario</title></head><body><form action="Untitled-2.php" method="post"><table width="60%" border="1"> <tr> <td>Codigo</td> <td><input name="codigo" type="text" /></td> </tr> <tr> <td>Cedula</td> <td><input name="cedula" type="text" /></td> </tr> <tr> <td>Nombre</td> <td><input name="nombre" type="text" /></td> </tr> <tr> <td>Fecha de Ingreso</td> <td><input name="fecha" type="text" /></td>

Page 8: Cuarta clase

</tr> <tr> <td>Cargo</td> <td><select name="cargo">

<option value="01">cajero</option> <option value="02">secretaria</option> <option value="03">analista</option> <option value="04">gerente</option>

</select></td></tr>

<tr> <td>Banco</td> <td><select name="banco"> <option value="01">provincial</option> <option value="02">mercantil</option> <option value="03">bod</option> <option value="04">banesco</option> </select></td> </tr> <tr> <td>Direccion</td> <td><textarea name="direccion" cols="45" rows="3"></textarea></td> </tr> <tr>

Page 9: Cuarta clase

<td>Telefono</td> <td><input name="telefono" type="text" /></td> </tr> <tr> <td>Enviar</td> <td><input name="enviar" type="submit" /></td> </tr></table></form></body></html>

Page 10: Cuarta clase
Page 11: Cuarta clase

Siendo hoy, nuestra última clase, realiza un formulario de registro de clientes, con fondo de pantalla, utilizando todas las etiquetas conocidas hasta ahora, desplegando los datos del cliente y que permita borrar los mismos, compartela con tus compañeros de clases.

Page 12: Cuarta clase