PHP Forms - Historial de revisió

Enric: /* Exercicis */

2019-09-20T14:53:20Z

Exercicis

Enric: /* Exercicis */

2019-09-20T14:17:39Z

Exercicis

Enric: /* Exercicis */

2019-09-20T14:13:49Z

Exercicis

Enric: /* Exercicis */

2019-09-20T14:11:33Z

Exercicis

Enric: /* Forms en HTML */

2011-06-20T15:50:14Z

Forms en HTML

Enric a 22:07, 25 abr 2011

2011-04-25T22:07:45Z

Enric: /* Forms en HTML */

2011-04-25T21:48:35Z

Forms en HTML

Enric: /* Capturar les dades en PHP */

2011-04-25T21:43:50Z

Capturar les dades en PHP

Enric: Es crea la pàgina amb «"Forms" és l'abreviació de "Formularis". Són les estructures HTML típiques per introduir dades i enviar-les al servidor perquè les processi. == Forms en HTM…».

2011-04-25T21:34:31Z

Es crea la pàgina amb «"Forms" és l'abreviació de "Formularis". Són les <u>estructures HTML</u> típiques per introduir dades i enviar-les al servidor perquè les processi. == Forms en HTM…».

Pàgina nova

"Forms" és l'abreviació de "Formularis". Són les <u>estructures HTML</u> típiques per introduir dades i enviar-les al servidor perquè les processi.

== Forms en HTML ==
Comencem per un exemple senzill:

<syntaxhighlight lang="xml">
<form method="get">
Nom: <input type="text" name="nom" /><br />
Email: <input type="text" name="email" /><br />
<input type="submit" value="Envia!" />
</form>
</syntaxhighlight>

Fixeu-vos en què:
*El '''tag <FORM> és el que ho "embolcalla" tot'''. Té el paràmetre "GET" que l'aclarirem després.
*Dintre trobem '''diversos <INPUT>''', tants com '''camps de dades''' (nom i email) vulguem posar.
*És molt important el '''paràmetre NAME dels inputs''', ja que després podrem '''capturar la dada enviada amb aquest nom'''.
*El darrer <INPUT> és de tipus '''SUBMIT'''. És el botó per enviar les dades quan les haguem introduït. Si no el posem no podrem enviar les dades al servidor. Fixeu-vos que el paràmetre "value" és el text que mostrarà el botó.

== Capturar les dades en PHP ==
En el mateix arxiu PHP que hem posat el form podem posar codi PHP per capturar les dades que s'envien.

Per capturar les dades enviades per "GET" es fa a través de la '''variable global $_GET[]'''. Per exemple, les dades d'abans les capturariem amb:
<syntaxhighlight lang="php">

<?php
// Capturem les variables globals
$nom = $_GET["nom"];
$email = $_GET["email"];

// mostrem per pantalla
echo "<p>Hola <b>$nom</b>.<br />\n";
echo "Enviarem les dades sol·licitades a la teva adreça <b>". $email ."</b></p>\n";

/* ...més codi PHP per aquí... */
?>

</syntaxhighlight>

Fixeu-vos en què:
*En el form anterior hem posat els '''noms de les variables NOM i EMAIL (paràmetre "NAME") i amb aquest mateix nom les hem capturat'''.
*Un cop posada dins d'una variable normal com $nom o $email les podem utilitzar per mostrar-les, per exemple, en un text.
*Hem posat el nom i el email entre '''tags negreta <nowiki><B></nowiki> per ressaltar la variable''' en la pantalla.
*Al final de cada "echo" hem posat un '''"\n"'''. Això és per que al document resultant faci un '''SALT DE LÍNIA'''. No és estrictament necessari (HTML no en fa cas), però si un mireu el codi font que rep el browser (amb CTRL+U) queda més clar si els hi poseu.

@@ Línia 95: / Línia 95: @@
 #: '''f(x) = a·x<sup>2</sup> + b·x + c'''
 #: Per tant has de fer un form que entri els coeficients i que et calculi les dues solucions com vam fer en l'exercici anterior.
 # Fes un form que demani nom, cognoms i email, i que els guardi en un arxiu de text pla.
 #: Cada línia de l'arxiu ha de contenir un nom, cognoms i email separats per tabuladors.
 #: Per escriure en un arxiu podeu utilitzar diverses funcions de PHP, es recomana [https://www.php.net/manual/es/function.file-put-contents.php file_put_contents].

@@ Línia 95: / Línia 95: @@
 #: '''f(x) = a·x<sup>2</sup> + b·x + c'''
 #: Per tant has de fer un form que entri els coeficients i que et calculi les dues solucions com vam fer en l'exercici anterior.
-# Fes un form que demani nom, cognoms i email, i que el guardi en un arxiu de text pla.
+# Fes un form que demani nom, cognoms i email, i que els guardi en un arxiu de text pla.
 #: Cada línia de l'arxiu ha de contenir un nom, cognoms i email separats per tabuladors.

@@ Línia 92: / Línia 92: @@
 == Exercicis ==
-# Fes un form que puguis entrar les variables per calcular una equació de 2n grau com la vista a l'exercici de variables. Recordem que una equació de 2n grau té la forma:<pre>f(x) = a·x<sup>2</sup> + b·x + c</pre>
+# Fes un form que puguis entrar les variables per calcular una equació de 2n grau com la vista a l'exercici de variables. Recordem que una equació de 2n grau té la forma:
 #: Per tant has de fer un form que entri els coeficients i que et calculi les dues solucions com vam fer en l'exercici anterior.
 # Fes un form que demani nom, cognoms i email, i que el guardi en un arxiu de text pla.
 #: Cada línia de l'arxiu ha de contenir un nom, cognoms i email separats per tabuladors.

@@ Línia 92: / Línia 92: @@
 == Exercicis ==
-Fes un form que puguis entrar les variables per calcular una equació de 2n grau com la vista a l'exercici de variables. Recordem que una equació de 2n grau té la forma:
+# Fes un form que puguis entrar les variables per calcular una equació de 2n grau com la vista a l'exercici de variables. Recordem que una equació de 2n grau té la forma:<pre>f(x) = a·x<sup>2</sup> + b·x + c</pre>
- f(x) = a·x<sup>2</sup> + b·x + c
+#: Per tant has de fer un form que entri els coeficients i que et calculi les dues solucions com vam fer en l'exercici anterior.
-Per tant has de fer un form que entri els coeficients i que et calculi les dues solucions com vam fer en l'exercici anterior.
+# Fes un form que demani nom, cognoms i email, i que el guardi en un arxiu de text pla.

@@ Línia 1: / Línia 1: @@
 "Forms" és l'abreviació de "Formularis". Són les <u>estructures HTML</u> típiques per introduir dades i enviar-les al servidor perquè les processi.
@@ Línia 6: / Línia 10: @@
 <syntaxhighlight lang="xml">
-<form method="get">
+<FORM method="GET">
-	Nom: <input type="text" name="nom" /><br />
+	Nom: <INPUT type="text" name="nom" /><br />
-	Email: <input type="text" name="email" /><br />
+	Email: <INPUT type="text" name="email" /><br />
-	<input type="submit" value="Envia!" />
+	<INPUT type="submit" value="Envia!" />
-</form>
+</FORM>
 </syntaxhighlight>
@@ Línia 18: / Línia 22: @@
 *És molt important el '''paràmetre NAME dels inputs''', ja que després podrem '''capturar la dada enviada amb aquest nom'''.
 *El darrer <INPUT> és de tipus '''SUBMIT'''. És el botó per enviar les dades quan les haguem introduït. Si no el posem no podrem enviar les dades al servidor. Fixeu-vos que el paràmetre "value" és el text que mostrarà el botó.
 Un cop hagis enviat les dades, <u>fixa't en què surt a la barra de direccions del browser</u>.
 *Pots interpretar què ha fet el formulari per enviar la informació?
 *Creus que podries enviar informació a aquesta pàgina PHP sense omplir el form? Prova-ho.
 Per suposat quan enviem les dades no provoquen cap efecte en la web. Encara ens queda capturar-les i fer-ne alguna cosa amb elles. Segueix llegint...
 == Capturar les dades en PHP ==
@@ Línia 53: / Línia 64: @@
 *#Directament dintre del text, si és que hem posat cometes dobles (és el cas de $nom). Amb cometa simple no funciona.
 *#Tancant les cometes i concatenant text amb el punt "." (és el cas de $email).

@@ Línia 7: / Línia 7: @@
 == Forms en HTML ==
-Comencem per un exemple senzill:
+Comencem per un exemple senzill, un formulari amb un camp de text:
 <syntaxhighlight lang="xml">
@@ Línia 34: / Línia 34: @@
 Per suposat quan enviem les dades no provoquen cap efecte en la web. Encara ens queda capturar-les i fer-ne alguna cosa amb elles. Segueix llegint...
 == Capturar les dades en PHP ==

← Versió més antiga		Revisió del 21:48, 25 abr 2011
Línia 19:		Línia 19:
	*El darrer <INPUT> és de tipus '''SUBMIT'''. És el botó per enviar les dades quan les haguem introduït. Si no el posem no podrem enviar les dades al servidor. Fixeu-vos que el paràmetre "value" és el text que mostrarà el botó.		*El darrer <INPUT> és de tipus '''SUBMIT'''. És el botó per enviar les dades quan les haguem introduït. Si no el posem no podrem enviar les dades al servidor. Fixeu-vos que el paràmetre "value" és el text que mostrarà el botó.

		+	Un cop hagis enviat les dades, <u>fixa't en què surt a la barra de direccions del browser</u>.
		+	*Pots interpretar què ha fet el formulari per enviar la informació?
		+	*Creus que podries enviar informació a aquesta pàgina PHP sense omplir el form? Prova-ho.

		+	Per suposat quan enviem les dades no provoquen cap efecte en la web. Encara ens queda capturar-les i fer-ne alguna cosa amb elles. Segueix llegint...

	== Capturar les dades en PHP ==		== Capturar les dades en PHP ==

@@ Línia 45: / Línia 45: @@
 *Un cop posada dins d'una variable normal com $nom o $email les podem utilitzar per mostrar-les, per exemple, en un text.
 *Hem posat el nom i el email entre '''tags negreta <nowiki><B></nowiki> per ressaltar la variable''' en la pantalla.
-*Al final de cada "echo" hem posat un '''"\n"'''. Això és per que al document resultant faci un '''SALT DE LÍNIA'''. No és estrictament necessari (HTML no en fa cas), però si un mireu el codi font que rep el browser (amb CTRL+U) queda més clar si els hi poseu.
+*Al final del text en cada "echo" hem posat un '''"\n"'''. Això és per que al document resultant faci un '''SALT DE LÍNIA'''. No és estrictament necessari (HTML no en fa cas), però si un mireu el codi font que rep el browser (amb CTRL+U) queda més clar si l'hi poseu.