Página uno
HTML
CSS
Página dos
HTML
CSS
Página tres
HTML
CSS
| <html> | |
| <head> | |
| </head> | |
| <body> | |
| <form method="post" action="mostrardatosenpagina.php"> | |
| <p> Nombre: <br><br><input type="text" name="nombre" value="Escribe tu nombre aquí" size="20" maxlength="20" required/></p> | |
| <p>Apellidos:<br><br><input type="text" name="apellidos" value="Escribe tus apellidos aquí" size="30" maxlength="30" required /></p> | |
| <p>Usuario:<br><br><input type="text" name="usuario" value="Escribe tu nombre de usuario aquí" size="30" maxlength="30" required /></p> | |
| <p>Contraseña:<br><br><input type="password" name="contraseña" value="" size="20" maxlengh="20" required/></p> | |
| <fieldset> | |
| <legend>Esto es una pregunta incómoda: ¿Eres...?</legend><br><br><INPUT type="radio" name="mibotondeopcion" checked value="1">Animal<br /> | |
| <INPUT type="radio" name="mibotondeopcion" value="2">Humano<br /> | |
| <INPUT type="radio" name="mibotondeopcion" value="3">Robot<br /> | |
| <INPUT type="radio" name="mibotondeopcion" value="4">Alienígena<br> | |
| <INPUT type="radio" name="mibotondeopcion" value="4">Ser sin identificar<br> | |
| <INPUT type="radio" name="mibotondeopcion" value="5">Planta<br></fieldset><br /> | |
| <fieldset> | |
| <legend>¿Estás segur@?</legend><br><br> | |
| <INPUT type="radio" name="enserio" value="6">Sí<br /> | |
| <INPUT type="radio" name="enserio" value="7">No, era broma<br /> | |
| <INPUT type="radio" name="enserio" value="8">Ahora en serio ¿yo quien soy?<br /></fieldset><br /> | |
| <fieldset> | |
| <legend>¿A qué te dedicas? Puedes seleccionar más de una:</legend><br><br><input type="checkbox" name="micasilladeverificacion" checked value="1" />Buceo dentro de burbujas<br /> | |
| <input type="checkbox" name="micasilladeverificacion" value="2" />Paseo pulgas<br /> | |
| <input type="checkbox" name="micasilladeverificacion" value="3" />Bailar al estilo pulpo<br /> | |
| <input type="checkbox" name="micasilladeverificacion" value="4" />Beber lava<br /> | |
| <input type="checkbox" name="micasilladeverificacion" value="5" />A mi no me preguntes, soy una roca<br /></fieldset> | |
| <P>Algo más visual ¿nos enseñas una foto?</P> | |
| <input type="file" name="imagen" accept="image/*.gif "> | |
| <p></p> | |
| ¿Dónde te gustaría viajar? | |
| <select name="comidapreferida" size=1> | |
| <option value="Atlántida">La Atlántida</option> | |
| <option value="Bermudas">Triángulo de las bermudas</option> | |
| <option value="Centro">El centro de La Tierra</option> | |
| <option value="Abismo">Profundidades abisales</option> | |
| <option value="Marte">Marte</option> | |
| <option value="frikilandia">Frikilandia</option> | |
| <option value="yupi">El mundo del yupi</option> | |
| </select> | |
| <p></p> | |
| Cuentanos algo de ti | |
| <p></p> | |
| <textarea rows="10" cols="20" wrap="soft">Piensa, es gratis</textarea> | |
| <p></p> | |
| <input type="text" id="ejemplo" name="ejemplo" placeholder="Escribe lo primero que te venga a la cabeza"> | |
| <input type="submit"> | |
| <p></p> | |
| <input type="hidden" name="valorocultoarescatar" value="$variable"> | |
| <p></p> | |
| <input type="submit" value="Botón de envio estandar" name="Enviar la información al servidor" /> | |
| <p></p> | |
| <input type="image" value="Botón de envio personalizado" name="Enviar la información al servidor" SRC="enviar (1).png" /> | |
| </p></p> | |
| <input type="button"... | |
| </form> | |
| </body> | |
| </html> |