content top

Curso PHP 2: empezando con PHP y los formularios

En esta segunda parte aprenderéis a manejar lo más basico de PHP, que son las variables, y empezaréis a familiarizaros con los formularios.

Sobre PHP

PHP es un código de programación dedicado especialmente a la web.Este lenguaje puede estar dentro de html,es decir,que PHP y html son totalmente compatibles y pueden usarse estos dos códigos alternandolos mutuamene.
La sintaxis de este código esta basada en la estructura de otros como puede ser C o Perl,asi que es bastante fásil de aprender.En cuento a las posibilidades de creación,son casi ilimitadas ya que puedes desde crear y almacenar formularios,gestionar datos,crear aplicaciones donde el usuario participe,que puede ser el caso de los foros,en definitiva,crear todo tipo de aplicaciones dinamicas para la web.

Visualizar código PHP

Os diré que si quereis previsualizar una página web html,lo podeis hacer directamente desde el navegador web,ya que el navegador interpreta el código,pero si queremos previsualizar código PHP necesitaremos un servidor.

Podemos usar un servidor local como por ejemplo XAMPP,con el que podreis montar un servidor para previsualizar PHP,o simplemente os descargais uno de los muchos editores de PHP en los que ya viene un servidor instalado y con el que tambien podreis visulizar páginas PHP.

Teoría básica de la sintaxis de PHP

La sintaxis de PHP esta formada por:

  • Etiquetas php: <?
  • Declaraciones php: $variable
  • Comentarios: //esto es un comentario
  • Espacios en blanco

Comenzando a escribir código PHP

-Etiquetas de inicio y cierre

Vamos a escribir código php,y empezaremos por las etiquetas de inicio y final de php:
Para que el código php sea interpretado como php y no otro código tiene que tener unas etiquetas que indiquen donde empieza y acaba el código php,estas etiquetas son: “<?” y “?>”.
Por lo tanto todo lo que este entre estas etiquetas será cñodigo php,por ejemplo:
<?
Esto es código php
?>
IMPORTANTE: Nunca nos debemos de olvidar de poner estas dos etiquetas
Ya que si no las ponemos el código no será interpretado como tal.

-El costructor echo:
Este constructor lo que hace es decir a php que todo lo que este detras de echo aparezca en pantalla.
Por ejemplo si ponemos:
<?
echo ‘Hola a todos’;
?>
En pantalla aparecerá: Hola a todos.
Este es un constructor muy usado ya que la mayoría de las veces lo tendremos que poner.

-Al acabar una declaración:
Si nos fijamos la frase acaba en “;” este punto y coma sirve para separar declaraciones.
Echo “Hola a todos”; sería una declaración,y para separarla de otra que venga a continuación ponemos el punto y coma.

IMPORTANTE:Si no ponemos el punto y coma el código php tendrá un error y en pantalla no aparcrá nada,salvo el error.Asi que siempre ay que poner punto y coma al acabar una declaración.

-Espacios en blanco
Los espacios en blanco no son interpretados en código php,al igual que en html,es decir:
si ponemos:
<?
echo ‘Hola a todos’; echo ‘como estan’;
?>
Es lo mismo que:
<?
echo ‘Hola a todos’;
echo ‘como estan’;
?>

En las dos opciones Hola a todos y como estan aparecerán en la misma línea.Si queremos separar las lineas podemos poner simplemente un <br>.De ahi que se puede embeber código html en php,este es un ejemplo de ello:
<?
echo ‘Hola a todos’; echo ‘<br>como estan’;
?>
De esta manera como estan aparecerá en la línea de abajo.

-Añadir comentarios al texto
Podemos añadir comentarios en nuestro código php(usando //),los comentarios sirven mayoritariamente para no olvidarse de las cosas importantes de código,para poner aclaraciones del código o simplemente para dejar el autor o fecha.Vamos a ver un ejemplo:
<?
//Autor: Vladislav
//Fecha de publicación: 12/98/93894
echo ‘Hola a todos’;
echo ‘<br>como estan’;
?>

Ahi estaría el ejemplo.Aunque a simple vista no lo parezca son muy útiles al escribir un código php largo y dificil de comprender.

Os diré que una de las cosas más importantes al escribir código php es la organización la limpieza y el orden.Si estamos haciendo una página web compleja con un gran código el orden será fundamental para no perdernos con tanta sintaxis.

Las variables y su uso:
Las variables son sintaxis a las que se le pone un valor,y se indican con el simbolo del dolar: $.
Por ejemplo si ponemos:
<?
$valor=’hola’;
?>
De esta manera,si ponemos echo $valor en vez de aparecer $valor en la pantalla,nos aparecerá hola.
Ejemplo:
<?
$valor=’hola’;
echo $valor; //En pantalla aparecerá hola
?>

Las variables son muy útiles y usadas,asi que no ay que olvidarse de ellas.Uno de os frecuentes usuos de estas variables es almacenar datos en ellas con los formularios.Si nosotros hacemos un formulario y queremos almacenar los datos de lo que ponemos en el formulario en una variable para despues visualizarlo podemos hacer lo siguiente:

Creamos una página llamada formulario.php:
<html>
<body>
<form action=”result.php” method=”post” name=”form1″>
<label>
<input type=”text” name=”namefield” />
</label>
<label>
<input type=”submit” name=”send” value=”Enviar” />
</label>
</form>
</body>
</html>

Y otra llamada result.php(donde se interpretarán los datos de la variable):
<?php
$fresult=$_REQUEST['namefield'];
echo $fresult;
?>

Analizamos el código:

Si nos fijamos,le hemos puesto de nombre al campo de texto del formulario como namefield.
Y en form action hemos puesto la página donde se interpretarán los datos del campo de texto,y el metodo post,que es el que utilizaremos más a menudo.

En la página result.php hemos definido una variable:
$fresult=$_REQUEST['namefield'];

La función $_REQUEST['namefield']; lo que hace es tomar los datos del campo que nosotros queramos,en este caso de namefield.

Pero como hemos dicho que $fresult=$_REQUEST['namefield']; entonces si ponemos $fresult será igual a $_REQUEST['namefield'].

Por lo tanto,cuando ya tenemos los datos del formulario lo que nos queda es que sean visibles en la pantalla,por lo tanto hemos puesto el echo $fresult.

Si probamos el código en nuestro servidor y ponemos lo que sea en nuestro campo de texto será interpretado en pantalla cuando pulsemos enviar.

Profundizando en el trabajo de lo formularios.
Vamo a profundizar en el uso de los formularios con php,ya que es muy frecuente encontrarlos,estos formularios los podemos encontrar en:
-foros
-registros de usuarios
-posibilidad de añadir comntarios
-y muchas otras funciones….como rellenar un questionario…etc.

Asi que empezemos mejorando nuestro código anterior,donde teniamos que rellenar solo nuestro nombre.Vamos a realizar un formulario mucho más completo,desde cero:

Empezamos creando una página llamda formulario.php,en esta página vamos a meter el formulario,y ahora crearemos otra página llamada result.php donde serán vistos los datos que mostremos.(Para realizar códigos complejos,recomiendo utilizar un editor de PHP)

Empezamos creando la página formulario.php,en esta página estará el formulario,por lo tanto vamos a crearlo:
<form action=”result.php” method=”post” name=”dataform”>
</form>
En form action indicamos donde se mostrarán los datos,en nuestro caso result.php,en el method ponemos post y en name podemos elegir el que queramos,yo pondre dataform.

Una vez que tenemos el fomulario,pasemos a crear los campos de texto…etc.
Primero crearemos un campo de texto donde pondremos nuestro nombre,para ello hacemos lo siguiente(entre las etiquetas body):

Rellene aqui sus datos:
<form action=”result.php” method=”post” name=”dataform”>
<div>Nombre: <input name=”nombre” type=”text” />
</div>
</form>

Lo único que hemos hecho aqui es añadir una div,donde hemos puesto el textoNombre: y un campo de texto.Es muy importante poner el input name fasil de recordar y escribir,sin tildes…etc.Ya que lo utilizaremos más adlante con php.Ahora repetimos el mismo proceso hasta hacer lo siguiente:

<form action=”result.php” method=”post” name=”dataform”></div>
<table width=”217″ height=”152″ border=”0″ cellspacing=”0″>
<tr>
<td width=”58″>Nombre:</td>
<td width=”155″><input name=”nombre2″ type=”text” /></td>
</tr>
<tr>
<td>Apellido:</td>
<td><input name=”nombre3″ type=”text”></td>
</tr>
<tr>
<td>Email:</td>
<td><input name=”nombre” type=”text” ></td>
</tr>
<tr>
<td>&nbsp;</td>
<td>&nbsp;</td>
</tr>
</table>
</form>

Lo que hemos hecho a sido crear una tabla en la que hemos puesto una serie de textos y campos de textos.Ahora vamos a poner una casilla de verificación:

<form action=”result.php” method=”post” name=”dataform”></div>
<table width=”217″ height=”152″ border=”0″ cellspacing=”0″>
<tr>
<td width=”58″>Nombre:</td>
<td width=”155″><input name=”nombre2″ type=”text” /></td>
</tr>
<tr>
<td>Apellido: </td>
<td><input name=”nombre3″ type=”text”></td>
</tr>
<tr>
<td>Email:</td>
<td><input name=”nombre” type=”text” ></td>
</tr>
<tr>
<td>Sexo:</td>
<td><label>
Hombre
<input name=”sexo” type=”radio” value=”hombre” /><br />
</label>
<label>
Mujer
<input name=”sexo” type=”radio” value=”mujer” />
</label>
</td>
</tr>
</table>
</form>

Hemos añadido dos casillas de verificación,una se llama sexo,con valor de mujer,y otra se llama sexo tambien con valor de hombre.De manera que si marcamos hombre,nos aparecerá hombre en pantalla y si marcamos mujer,nos aparecerá mujer.Y si el type es radio entonces no podremos seleccionar varias opciones,solo una de ellas.Vamos a seguir mejorando nuestro formulario añadiendo una lista de opciones,yo en mi caso he añadido una lista de nacionalidades.Tambien vamos a poner nombre a todos los compos,para que sean mas sencillos de recordar,de esta manera:

<form action=”result.php” method=”post” name=”dataform”></div>
<table width=”217″ height=”152″ border=”0″ cellspacing=”0″>
<tr>
<td width=”69″>Nombre:</td>
<td width=”144″><input name=”nombre” type=”text” /></td>
</tr>
<tr>
<td>Apellido: </td>
<td><input name=”apellido” type=”text”></td>
</tr>
<tr>
<td>Email:</td>
<td><input name=”email” type=”text” ></td>
</tr>
<tr>
<td>Sexo:</td>
<td><label>
Hombre
<input name=”sexo” type=”radio” value=”hombre” /><br />
</label>
<label>
Mujer
<input name=”sexo” type=”radio” value=”mujer” />
</label>
</td>
</tr>
<tr>
<td>nacionalidad:</td><td><label>
<select name=”nacionalidad”>
<option>Espa&ntilde;ol</option>
<option>Argentino</option>
<option>Alem&aacute;n</option>
<option>Americano</option>
<option>Ruso</option>
<option>Japon&eacute;s</option>
</select>
</label></td>
</tr>
</table>
<p>
<label>
<input type=”submit” name=”Submit” value=”Enviar” />
</label>
</p>
</form>

Le hemos puesto nombre a todos los campos de texto,casillas de verificación,lista de opciones…y por último le hemos añadido un boton.Con esto nuestro formulario ya esta acabado.Lo que nos toca ahora es programar php.
En la página result.php lo que vamos a hacer es que todos los valores que rellenemos sean interpretados en la pantalla:
Creamos la página result.php y empezamos:

Empezaremos creando variables iguales al valor de cada campo de texto,casilla de verificación y lista de opciones.Sería de la siguiente manera:
<?php
$name=$_REQUEST['nombre'];
$apellido=$_REQUEST['apellido'];
$email=$_REQUEST['email'];
$hombre=$_REQUEST['hombre'];
$mujer=$_REQUEST['mujer'];
$nacionalidad=$_REQUEST['nacionalidad'];
?>

De esta manera nos ahoramos escribir más sintaxis y simplificamos el código.
Ahora simplemente hacemos echo de todas las variables para que aparezcan en pantalla,pero para que se vea mejor vamos a añadirle un string de texto y un <br> al final de la sigouiente manera:
echo “Nombre: $name<br>”

Y asi con el resto de las variables:
<?php
$name=$_REQUEST['nombre'];
$apellido=$_REQUEST['apellido'];
$email=$_REQUEST['email'];
$sexo=$_REQUEST['sexo'];
$nacionalidad=$_REQUEST['nacionalidad'];
echo “Nombre: $name<br>”;
echo “Apellido: $apellido<br>”;
echo “Email: $email<br>”;
echo “Sexo: $sexo<br>”;
echo “Nacionalidad: $nacionalidad”;
?>
Podeis visualizar este código en vuestro servidor y vereis que queda bastante bien,aunque notavia lo podemos seguir mejorando con algo de html,sin necesidad de usar php.
Ahora os recomiendo que practiqueis con esto para crear formularios a vuestro gusto,segun lo aprendido.

En los próximos apartados veremos como crear formularios más avanzados,veremos como almacenar los datos en un archivo y mucho más.

20
Liked it
Etiquetas: , , ,
votar


One Response to “Curso PHP 2: empezando con PHP y los formularios”

  1. in070656 dice:

    hola hola

Leave a Reply