Hola amigos,hace como 2 meses que estudio html y empeze css..ahora llego el turno de php y me mandaron una trabajo pero el profesor nos mando buscarnos la vida.. asi que que os cuento...
-He creado un formulario con todo detalle os dejo el codigo:
<!DOCTYPE html>
<html>
<head>
<title>Formulario de Marcos</title>
<meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7; IE=EmulateIE9">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1.0, user-scalable=no"/>
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
<link rel="stylesheet" type="text/css" href="Estilos2.css" media="all" />
<form action="destino.php" method="post">
<script language="javascript">
function validacion(obj) {
limite=3;
num=0;
if (obj.checked) {
for (i=0; ele=obj.form.elements[i]; i++)
if (ele.checked) num++;
if (num>limite)
obj.checked=false;
}
}
</script>
</head>
<body>
<div class="container">
<header>
<h1><span>Markos</span> Formulario de registro para Aplicaciones Web</h1>
</header>
<div class="form">
<form id="contactform">
<p class="contact"><label for="name">Nombre</label></p>
<input type="text" name="Nombre" maxlength="30" maxlength="30" placeholder="Nombre y Apellidos | Max 30 caracteres " required="" tabindex="1" type="text">
<p class="contact"><label for="email">Email</label></p>
<input type="text" name="email" maxlength="30" placeholder="Ejempo:
[email protected]" tabindex="2" required="" type="email">
<p class="contact"><label for="username">Elige tu Username</label></p>
<input id="username" name="username" placeholder="EJ: TheKawahal | Max 15 caracteres" required="" maxlength="15" tabindex="2" type="text">
<p class="contact"><label for="direccion">Dirección de tu casa </label></p>
<input type="text" name="direccion" maxlength="30" placeholder="EJ:calle del suspenso" required="" tabindex="2" type="text">
<p class="contact"><label for="pelicula">Pelicula favorita</label></p>
<input type="text" name="pelicula" maxlength="30" placeholder="*Ejemplo* I´m Legend" required="" tabindex="2" type="text">
<p class="contact"><label for="username">Elige tu Username</label></p>
<input id="username" name="username" placeholder="EJ: TheKawahal" required="" tabindex="2" type="text">
<tr>
<td> <br /><br /> <h1><span>Aficiones: Elige maximo 3.</span> </h1><br /><br /></td>
<td>
Dibujar
<input type="checkbox" name="dibujar" onchange="validacion(this)" value="Elegida" />
Estudiar
<input type="checkbox" name="estudiar" onchange="validacion(this)" value="Elegida" />
Cantar
<input type="checkbox" name="Cantar" onchange="validacion(this)" value="Elegida" />
Cocinar
<input type="checkbox" name="Cocinar" onchange="validacion(this)" value="elegida" />
Otros
<input type="checkbox" name="otros" onchange="validacion(this)" value="elegida">
<br /><br /><br />
</td>
</tr>
<p class="contact"><label for="password">Pon seguridad a tu formulario </label></p>
<input type="password" name="Contraseña" placeholder="Escribe una Contraseña | Max 10 caracteres" id="password" name="password" required="">
<p class="contact"><label for="repassword">Escribe otra vez tu contraseña</label></p>
<input type="password" name="Contraseña" maxlength="10" name="repassword" required="">
<fieldset>
<label>¿Cuando Naciste?</label>
<label class="Mes">
<select class="select-style" name="mes">
<option value="-1">Elige uno</option>
<option value="Enero">Enero</option>
<option value="febrero">Febrero</option>
<option value="marzo">Marzo</option>
<option value="Abril">abril</option>
<option value="Mayo">Marzo</option>
<option value="Junio">Junio</option>
<option value="Julio">Julio</option>
<option value="Augosto">Agosto</option>
<option value="Septiembre">Septiembre</option>
<option value="Octubre">Octubre</option>
<option value="Noviembre">Noviembre</option>
<option value="Diciembre">Diciembre</option>
</label>
</select>
<label>Dia<input class="birthday" maxlength="2" name="Dia" placeholder="26"required=""></label>
<label>Año <input class="birthyear" maxlength="4" name="Año " placeholder="1996"required=""></label>
</fieldset>
<select class="select-style gender" name="Genero">
<option value="select">Yo soy...</option>
<option value="m">Hombre</option>
<option value="f">Mujer</option>
<option value="others">Otros...</option>
</select><br><br>
<script>
function validarNumeros(e) {
var key;
if(window.event)
{
key = e.keyCode;
}
else if(e.which)
{
key = e.which;
}
if (key < 48 || key > 57)
{
if(key == 46 || key == 8)
{ return true; }
else
{ return false; }
}
return true;
}
</script>
<p class="contact"><label for="phone">Telefono Movil &n bsp; &nbs p; &n bsp; &nbs p; &n bsp; &nbs p; |Maximo 9 Dígitos| </label></p>
<input id="phone" onkeypress="javascript
:return validarNumeros(event)" name="Telefono" placeholder="Introduce aqui tu Movil "required="" type="text" maxlength="9" maxlength="= /^\" /> <br>
<tr>
<td>¿Que te ha parecido este formulario?<br /><br />Puntua!</td>
<td>
Malo
<input type="radio" name="Puntuacion" value="Malo">
Regular
<input type="radio" name="Puntuacion" value="Regular">
Normal
<input type="radio" name="Puntuacion" value="Normal">
Bueno
<input type="radio" name="Puntuacion" value="Bueno">
Muy Bueno
<input type="radio" name="Puntuacion" value="Muy Bueno">
Excelente
<input type="radio" name="Puntuacion" value="Excelente">
</td>
</tr>
<input class="buttom" name="submit" id="submit" tabindex="5" value="Enviar!" type="submit">
<input type="reset" value="Borrar información">
</form>
</div>
</div>
</body>
</html>
El formulario esta con css y demas pero lo que me han pedido es que cuando alguien envie los datos por ejemplo desde un server xamp que esos datos lleguen a una pagina donde se guarden..entonces yo he creado una tabla con este codigo:
<!DOCTYPE html>
<html>
<head>
<title>Recogida de datos</title>
*Aqui irian los estilos*
</head>
<body>
<h2>Datos del Formulario</h2>
<table class="bordered">
<thead>
<tr>
<th>#</th>
<th>Datos recibidos</th>
<th>Errores</th>
</tr>
</thead>
<tr>
<td>1</td>
<td></td>
<td></td>
</tr>
<tr>
<td>2</td>
<td></td>
<td></td>
</tr>
<tr>
<td>3</td>
<td></td>
<td></td>
</tr>
<tr>
<td>4</td>
<td></td>
<td></td>
</tr>
<tr>
<td>5</td>
<td></td>
<td></td>
</tr>
<tr>
<td>6</td>
<td></td>
<td></td>
</tr>
<tr>
<td>7</td>
<td></td>
<td></td>
</tr>
<tr>
<td>8</td>
<td></td>
<td></td>
</tr>
<tr>
<td>9</td>
<td></td>
<td></td>
</tr>
<tr>
<td>10</td>
<td></td>
<td></td>
</tr>
</table>
<br><br>
</body>
</html>
Como puedo hacer para que los datos del formulario me lleguen a esa tabla? si alguien me lo puede explicar con todo detalle le agradeceré de por vida esta ayuda,por que he buscado por toda la web y nadie me ha respondido,Gracias!