[ Foro de PHP ]

alinear en formulario

03-Jul-2013 09:27
Invitado (ruben ruiz)
3 Respuestas

hola profesor gracias por tu ayuda.
profesor es que estoy haciendo un simple formulario en html donde recojo el nombre y contraseña de usuario, pero quisiera alinear las cajas de texto del nombre y de la contraseña pero no se como podria hacerlo haber si me ayudas por favor:

<html>
<head>
<title>Formularios</title>
</head>
<body>
<form action="procesar_form.php" method="POST">
Nombre de usuario:<input type="text" name="nombreUsuario" value=""/>
</br>
contraseña:<input type="password" name="contraseña" value=""/>
</br>
<input type="submit"/>
</form>
</body>
</html>


mil gracias por atender mi consulta, estoy iniciandome con php , gracias


04-Jul-2013 00:24
Nacho Cabanes (+32)

Para cuadrarlo en dos columnas, una forma sencilla y que se comportará bien en casi cualquier navegador es unas una tabla, cuyos bordes no sean visibles:

 
<form action="procesar_form.php" method="POST"> 
<table>
 
<tr><td>Nombre de usuario:</td>
<td><input type="text" name="nombreUsuario" value=""/> </td></tr>
 
<tr><td>contraseña:</td>
<td><input type="password" name="contraseña" value=""/> </td></tr>
 
<tr><td></td>
<td><input type="submit"/> </td></tr>
 
</table>
</form>	
 



04-Jul-2013 09:56
Invitado (ruben ruiz)

profesor una pregunta, disculpa si resulta trivial pero para mi es importante.
si yo pongo las etiquetas <table> </table> fuera del <form es decir:

<table>
<form action="procesar_form.php" method="POST">


<tr><td>Nombre de usuario:</td>
<td><input type="text" name="nombreUsuario" value=""/> </td></tr>

<tr><td>contraseña:</td>
<td><input type="password" name="contraseña" value=""/> </td></tr>

<tr><td></td>
<td><input type="submit"/> </td></tr>

</form>

</table>
por lo que probe parece que no hay diferencia visual, pero podrias indicarme si eso tendria problemas quiza al enviar a otra pagina o si no pasa nada o que diferencia interna hay si lo hago de una u otra forma, gracias por tu curso estoy aprendiendo mucho de el y por supuesto por tu ayuda a mis dudas.


04-Jul-2013 13:29
Nacho Cabanes (+32)

Ya que una tabla, por definición, contiene filas, pero no formularios, lo correcto sería que el formulario contuviera una tabla y no al revés.

Aun así, la mayoría de navegadores serán tolerantes con detalles como esos.

Si quieres asegurar que tu página esté formada correctamente, lo ideal es usar el Validador de la W3c, el consorcio regulador de la web. Basta con que copies y pegues la URL (o el HTML resultante, si estás haciendo pruebas en local) aquí:

http://validator.w3.org/






(No se puede continuar esta discusión porque tiene más de dos meses de antigüedad. Si tienes dudas parecidas, abre un nuevo hilo.)