Página uno
Página uno html
<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> |
Página dos
Página dos html
<!DOCTYPE html>
<html lang="es">
<head>
<meta name= "Description" content="Encuesta de aficiones">
<meta charset"utf-8" />
<title>Encuesta</title>
<LINK REL="stylesheet" HREF="cssencuesta.css" TYPE="text/css">
</head>
<body background="184925.jpg">
<div class="contenedor">
<form method="post" action="mostrardatosenpagina.php">
<fieldset id="Pergamino">
<legend>Datos personales</legend><br><br>
<p> Nombre de 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><br />
</fieldset>
<br><br>
<fieldset id="Pergamino">
<legend>Encuesta breve</legend><br>
<p>1. ¿Te gustan los videojuegos?</p>
<INPUT type="radio" name="mibotondeopcion" value="1">Sí<br />
<INPUT type="radio" name="mibotondeopcion" value="2">No<br />
<br><br>
<p>2. ¿De qué géneros eres más fan?</p>
<input type="checkbox" name="micasilladeverificacion" value="1" />Lucha<br />
<input type="checkbox" name="micasilladeverificacion" value="2" />Arcade<br />
<input type="checkbox" name="micasilladeverificacion" value="3" />Plataformas<br />
<input type="checkbox" name="micasilladeverificacion" value="4" />Shooter<br />
<input type="checkbox" name="micasilladeverificacion" value="5" />Estrategia<br />
<input type="checkbox" name="micasilladeverificacion" value="6" />Simulación<br />
<input type="checkbox" name="micasilladeverificacion" value="7" />Gestión de tiempo<br />
<input type="checkbox" name="micasilladeverificacion" value="8" />MMORPG<br />
<input type="checkbox" name="micasilladeverificacion" value="9" />Otros<br />
<p>Especifica cuales</p>
<input type="text" name="usuario" value="" size="30" maxlength="30" />
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p>3. ¿Con qué frecuencia juegas?</p>
<select name="comidapreferida" size=1>
<option value="Atlántida">Algún día al mes</option>
<option value="Bermudas">Una o dos veces por semana</option>
<option value="Centro">Cada día</option>
</select>
<p>4. ¿Te gusta jugar online o en cooperativo con amigos?</p>
<INPUT type="radio" name="mibotondeopcion" value="1">Sí<br />
<INPUT type="radio" name="mibotondeopcion" value="2">No<br />
<p>5. ¿Qué tipos de personajes escoges más frecuentemente en los juegos cooperativos?</p>
<input type="checkbox" name="micasilladeverificacion" value="1" />Tanque<br />
<input type="checkbox" name="micasilladeverificacion" value="2" />Apoyo<br />
<input type="checkbox" name="micasilladeverificacion" value="3" />Asesino o pícaro<br />
<input type="checkbox" name="micasilladeverificacion" value="9" />Otros<br />
<p>Especifica cuales</p>
<input type="text" name="usuario" value="" size="30" maxlength="30" />
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p>6. ¿Cuál es tu videojuego favorito?</p>
<input type="text" name="usuario" value="" size="30" maxlength="30" />
<p>7. Cuéntanos por qué</p>
<p></p>
<textarea rows="10" cols="50" wrap="soft">Escribe lo primero que se te ocurra</textarea>
<p></p>
<p></p>
<input type="submit" value="Enviar" name="Enviar la información al servidor" />
</fieldset>
</form>
</div>
</body>
</html>
<html lang="es">
<head>
<meta name= "Description" content="Encuesta de aficiones">
<meta charset"utf-8" />
<title>Encuesta</title>
<LINK REL="stylesheet" HREF="cssencuesta.css" TYPE="text/css">
</head>
<body background="184925.jpg">
<div class="contenedor">
<form method="post" action="mostrardatosenpagina.php">
<fieldset id="Pergamino">
<legend>Datos personales</legend><br><br>
<p> Nombre de 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><br />
</fieldset>
<br><br>
<fieldset id="Pergamino">
<legend>Encuesta breve</legend><br>
<p>1. ¿Te gustan los videojuegos?</p>
<INPUT type="radio" name="mibotondeopcion" value="1">Sí<br />
<INPUT type="radio" name="mibotondeopcion" value="2">No<br />
<br><br>
<p>2. ¿De qué géneros eres más fan?</p>
<input type="checkbox" name="micasilladeverificacion" value="1" />Lucha<br />
<input type="checkbox" name="micasilladeverificacion" value="2" />Arcade<br />
<input type="checkbox" name="micasilladeverificacion" value="3" />Plataformas<br />
<input type="checkbox" name="micasilladeverificacion" value="4" />Shooter<br />
<input type="checkbox" name="micasilladeverificacion" value="5" />Estrategia<br />
<input type="checkbox" name="micasilladeverificacion" value="6" />Simulación<br />
<input type="checkbox" name="micasilladeverificacion" value="7" />Gestión de tiempo<br />
<input type="checkbox" name="micasilladeverificacion" value="8" />MMORPG<br />
<input type="checkbox" name="micasilladeverificacion" value="9" />Otros<br />
<p>Especifica cuales</p>
<input type="text" name="usuario" value="" size="30" maxlength="30" />
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p>3. ¿Con qué frecuencia juegas?</p>
<select name="comidapreferida" size=1>
<option value="Atlántida">Algún día al mes</option>
<option value="Bermudas">Una o dos veces por semana</option>
<option value="Centro">Cada día</option>
</select>
<p>4. ¿Te gusta jugar online o en cooperativo con amigos?</p>
<INPUT type="radio" name="mibotondeopcion" value="1">Sí<br />
<INPUT type="radio" name="mibotondeopcion" value="2">No<br />
<p>5. ¿Qué tipos de personajes escoges más frecuentemente en los juegos cooperativos?</p>
<input type="checkbox" name="micasilladeverificacion" value="1" />Tanque<br />
<input type="checkbox" name="micasilladeverificacion" value="2" />Apoyo<br />
<input type="checkbox" name="micasilladeverificacion" value="3" />Asesino o pícaro<br />
<input type="checkbox" name="micasilladeverificacion" value="9" />Otros<br />
<p>Especifica cuales</p>
<input type="text" name="usuario" value="" size="30" maxlength="30" />
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p><input type="text" name="usuario" value="" size="30" maxlength="30" /></p>
<p>6. ¿Cuál es tu videojuego favorito?</p>
<input type="text" name="usuario" value="" size="30" maxlength="30" />
<p>7. Cuéntanos por qué</p>
<p></p>
<textarea rows="10" cols="50" wrap="soft">Escribe lo primero que se te ocurra</textarea>
<p></p>
<p></p>
<input type="submit" value="Enviar" name="Enviar la información al servidor" />
</fieldset>
</form>
</div>
</body>
</html>
Página dos css
body{ background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.contenedor{
Background-color: transparent;
margin-top: 5%;
margin-right: 5%;
margin-left: 40%;
padding-top:2%;
padding-right:2%;
padding-left:2%;
padding-bottom:2%;
}
#Pergamino{
background-image: url("images.jpg");
background-repeat: repeat;
}
background-attachment: fixed;
background-size: cover;
}
.contenedor{
Background-color: transparent;
margin-top: 5%;
margin-right: 5%;
margin-left: 40%;
padding-top:2%;
padding-right:2%;
padding-left:2%;
padding-bottom:2%;
}
#Pergamino{
background-image: url("images.jpg");
background-repeat: repeat;
}
Página tres
Página tres html
<!DOCTYPE html>
<html lang="es">
<head>
<meta name= "Description" content="Exámen de literatura">
<meta charset"utf-8" />
<title>Examen de literatura</title>
<LINK REL="stylesheet" HREF="cssexamen.css" TYPE="text/css">
</head>
<body background="1280x800.jpg">
<div class="contenedor">
<form method="post" action="mostrardatosenpagina.php">
<h1> Pregunta 1: En la obra de Tolkien ¿qué había sobre la torre más conocida?</h1>
<table width="200" border="1">
<tr>
<td>Un ojo</td>
<td><INPUT type="radio" name="pregunta1" value="6"></td>
</tr>
<tr>
<td>Un águila</td>
<td><INPUT type="radio" name="pregunta1" value="6"></td>
</tr>
<tr>
<td>Un ent</td>
<td><INPUT type="radio" name="pregunta1" value="6"></td>
</tr>
<tr>
<td>Un guerrero</td>
<td><INPUT type="radio" name="pregunta1" value="6"></td>
</tr>
</table>
<h1> Pregunta 2: En "Los juegos del hambre" ¿qué pájaro es el más nombrado?</h1>
<table width="200" border="1">
<tr>
<td>Gorrión</td>
<td><INPUT type="radio" name="pregunta2" value="6"></td>
</tr>
<tr>
<td>Sinsajo</td>
<td><INPUT type="radio" name="pregunta2" value="6"></td>
</tr>
<tr>
<td>Colibrí</td>
<td><INPUT type="radio" name="pregunta2" value="6"></td>
</tr>
<tr>
<td>Paloma</td>
<td><INPUT type="radio" name="pregunta2" value="6"></td>
</tr>
</table>
<h1> Pregunta 3: En "El dueño de las sombras" ¿quién era el narrador?</h1>
<table width="200" border="1">
<tr>
<td>El protagonista</td>
<td><INPUT type="radio" name="pregunta3" value="6"></td>
</tr>
<tr>
<td>No hay narrador</td>
<td><INPUT type="radio" name="pregunta3" value="6"></td>
</tr>
<tr>
<td>Una de las muñecas del desván</td>
<td><INPUT type="radio" name="pregunta3" value="6"></td>
</tr>
<tr>
<td>Un demonio</td>
<td><INPUT type="radio" name="pregunta3" value="6"></td>
</tr>
</table>
<h1> Pregunta 4: En "El rostro de la muerte" ¿cuántos años tiene la hija de la protagonista?</h1>
<table width="200" border="1">
<tr>
<td>5</td>
<td><INPUT type="radio" name="pregunta4" value="6"></td>
</tr>
<tr>
<td>7</td>
<td><INPUT type="radio" name="pregunta4" value="6"></td>
</tr>
<tr>
<td>No tiene hija</td>
<td><INPUT type="radio" name="pregunta4" value="6"></td>
</tr>
<tr>
<td>12</td>
<td><INPUT type="radio" name="pregunta4" value="6"></td>
</tr>
</table>
<h1> Pregunta 5: En "El psicoanalista" ¿qué pseudónimo tiene el acosador?</h1>
<table width="200" border="1">
<tr>
<td>Z</td>
<td><INPUT type="radio" name="pregunta5" value="6"></td>
</tr>
<tr>
<td>R</td>
<td><INPUT type="radio" name="pregunta5" value="6"></td>
</tr>
<tr>
<td>Nunca usó pseudónimo</td>
<td><INPUT type="radio" name="pregunta5" value="6"></td>
</tr>
<tr>
<td>Fantasma</td>
<td><INPUT type="radio" name="pregunta5" value="6"></td>
</tr>
</table>
<h1> Pregunta 6: En "Maldito karma" ¿cómo muere la protagonista?</h1>
<table width="200" border="1">
<tr>
<td>Le cae un retrete en la cabeza</td>
<td><INPUT type="radio" name="pregunta6" value="6"></td>
</tr>
<tr>
<td>Se ahoga en el mar</td>
<td><INPUT type="radio" name="pregunta6" value="6"></td>
</tr>
<tr>
<td>Le atropella un autobús</td>
<td><INPUT type="radio" name="pregunta6" value="6"></td>
</tr>
<tr>
<td>Es atacada por una jauría</td>
<td><INPUT type="radio" name="pregunta6" value="6"></td>
</tr>
</table>
<h1> Pregunta 7: En "Firelight" ¿de qué especie desciende la protagonista?</h1>
<table width="200" border="1">
<tr>
<td>Vampiros</td>
<td><INPUT type="radio" name="pregunta7" value="6"></td>
</tr>
<tr>
<td>Unicornios</td>
<td><INPUT type="radio" name="pregunta7" value="6"></td>
</tr>
<tr>
<td>sirenas</td>
<td><INPUT type="radio" name="pregunta7" value="6"></td>
</tr>
<tr>
<td>Dragones</td>
<td><INPUT type="radio" name="pregunta7" value="6"></td>
</tr>
</table>
<h1> Pregunta 8: En "El último unicornio" ¿cuál era la única manera que quedaba para cruzar al otro lado?</h1>
<table width="200" border="1">
<tr>
<td>Con el cuerno de unicornio</td>
<td><INPUT type="radio" name="pregunta8" value="6"></td>
</tr>
<tr>
<td>Usando un tapiz</td>
<td><INPUT type="radio" name="pregunta8" value="6"></td>
</tr>
<tr>
<td>Uno y dos son correctas</td>
<td><INPUT type="radio" name="pregunta8" value="6"></td>
</tr>
<tr>
<td>Usando un espejo</td>
<td><INPUT type="radio" name="pregunta8" value="6"></td>
</tr>
</table>
<h1> Pregunta 9: ¿Qué es un shek en "memorias de Idhun"?</h1>
<table width="200" border="1">
<tr>
<td>Una especie de dragón</td>
<td><INPUT type="radio" name="pregunta9" value="6"></td>
</tr>
<tr>
<td>Una serpiente alada gigante</td>
<td><INPUT type="radio" name="pregunta9" value="6"></td>
</tr>
<tr>
<td>Un insulto</td>
<td><INPUT type="radio" name="pregunta9" value="6"></td>
</tr>
<tr>
<td>Un continente</td>
<td><INPUT type="radio" name="pregunta9" value="6"></td>
</tr>
</table>
<h1> Pregunta 10: ¿Qué cargo consigue Alera en el libro que lleva su nombre?</h1>
<table width="200" border="1">
<tr>
<td>Duquesa</td>
<td><INPUT type="radio" name="pregunta10" value="6"></td>
</tr>
<tr>
<td>Arquitecta</td>
<td><INPUT type="radio" name="pregunta10" value="6"></td>
</tr>
<tr>
<td>Reina</td>
<td><INPUT type="radio" name="pregunta10" value="6"></td>
</tr>
<tr>
<td>Diosa</td>
<td><INPUT type="radio" name="pregunta10" value="6"></td>
</tr>
</table>
<p></p>
<input type="submit" value="Enviar" name="Enviar la información al servidor" />
</form>
</div>
</body>
</html>
Página tres css
body{ background-repeat: no-repeat;
background-attachment: fixed;
background-size: cover;
}
.contenedor{
Background: #E0F8F1;
margin-top: 30%;
margin-right: 10%;
margin-left: 20%;
padding-top:2%;
padding-right:2%;
padding-left:2%;
padding-bottom:2%;
padding-top:7%;
padding-left:7%;
padding-right:7%;
padding-bottom:7%;
}
td{
padding: 2px;}
No hay comentarios:
Publicar un comentario