Form HTML - Dipartimento di Matematica e Informatica UNICAL

Transcript

Corso di Informatica
Laurea Triennale - Comunicazione&Dams
Dott.ssa Adriana Pietramala
[email protected]
Dr.ssa Adriana Pietramala – Corso di Informatica
A.A. 2010-2011
Laurea Triennale - Comunicazione&Dams - Unical
Riferimenti
• Sito del corso:
• Manuale PHP
– http://www.php.net/download-docs.php
• Editor di testo:
– http://www.textpad.com/
A.A. 2010-2011
PHP (1)
Definizione
L’acronimo PHP sta per Hypertext Preprocessor.
Si tratta di un linguaggio di scripting (1) impiegato nello
sviluppo di applicazioni orientate al Web (2) e può
essere facilmente integrato nel codice HTML (3).
A.A. 2010-2011
PHP (2)
Definizione
1. Linguaggio: strumento utilizzato per lo sviluppo
di programmi software. Esistono diversi tipi di
linguaggi, ognuno avente delle caratteristiche
specifiche. Per il Web si utilizzano linguaggi di
scripting.
2. Applicazioni orientate al Web: programmi che
vengono eseguiti su Internet, di conseguenza è
necessario disporre di un Browser (Firefox,
Internet Explorer, Chrome, ecc.).
3. Nella pagine HTML vengono inseriti opportuni
tag che richiamano il linguaggio PHP.
A.A. 2010-2011
PHP (3)
Struttura di un programma PHP
Un programma PHP è, generalmente, costituito
da due pagine:
• Una pagina principale: contiene tutti i
componenti grafici e rappresenta l’estetica
dell’applicazione (interfaccia grafica).
• Una pagina secondaria: esegue delle
operazioni. Le operazioni sono solitamente
associate ai componenti grafici della pagina
principale.
A.A. 2010-2011
PHP (4)
Di cosa abbiamo bisogno
•
Un Web Server (apache) opportunamente configurato per
interpretare il codice PHP.
– IMPORTANTE: Le pagine secondarie verranno
memorizzate sul server e salvate con estensione .php
• Un client, ovvero un browser in grado di visualizzare la
pagina principale e richiamare la pagina secondaria (file con
estensione .php situata sul server)
A.A. 2010-2011
PHP (5)
Download
SCARICARE:
• Apache HTTP Server 2.2.x - Win32 Binary including OpenSSL
(http://httpd.apache.org/download, nome file:
httpd-2.2.17-win32-x86-no_ssl.msi)
• http://windows.php.net/download/, PHP 5.3 (5.3.6) - VC9
x86 Thread Safe (2011-Mar-22 13:27:32). Scaricare
Installer (nome file: php-5.3.6-Win32-VC9-x86.msi)
• Manuale di installazione e configurazione
A.A. 2010-2011
PHP (6)
La pagina principale
• La Form è un componente PHP e consente di realizzare moduli
grafici. Le principali componenti della Form sono:
• Campo testo: area in cui l’utente può inserire dei dati;
• Area di testo: area in cui l’utente può inserire una grande quantità
di dati testuali.
• Radio Button: sono dei piccoli bottoni circolari che consentono di
effettuare una scelta esclusiva tra n possibili. In questo caso, quindi,
una scelta esclude tutte le altre.
• Check Box: sono delle piccolissime caselline che consentono
all'utente di operare scelte multiple tra n possibili;
• Select o menu di opzioni: è un campo costituito da un insieme di
voci.
• Submit o bottone di invio: quando cliccato richiama il codice PHP
inserito nel con estensione .php preventivamente caricato sul
server
• Reset o bottone di cancellazione: ripulisce la form dai dati
precedentemente inseriti nei vari campi scritti dall'utente.
A.A. 2010-2011
PHP (7)
Definizione di una form
È necessario inserire un opportuno tag PHP all’interno della
sezione Body della pagina Html.
<FORM method=”post” action=”pagSecondaria.php”></FORM>
Questo è un esempio di Form vuota, dove:
• Action: dice al browser qual è l’azione che deve essere gestita in seguito a
un qualche evento. In questo caso viene richiamato il codice PHP
memorizzato nel file pagSecondaria.php situato sul server;
• Method: dice al browser in che modo i dati devono essere trasmessi al
server e può essere di tipo POST oppure GET. Noi useremo POST.
A.A. 2010-2011
PHP (8)
Campo testo
È un componente grafico che può essere definito in una form
PHP. Viene inserita con il tag INPUT e con l’attributo type="text".
Ad esempio:
<FORM method=”post” action=”pagSecondaria.php”>
Nome:<INPUT type="text" name="nome">
</FORM>
L’effetto visivo è:
È il nome vero e proprio
dell’oggetto
Un’area in cui l’utente può immettere del testo.
A.A. 2010-2011
PHP (9)
Area di testo
È un componente grafico che consente di inserire grandi quantità
di testo. Viene inserita con il tag TEXTAREA, attributo “rows” per
indicare il numero di righe e “cols” per il numero di colonne.
Esempio:
<textarea name="testo" rows="5" cols="40"> </textarea>
</FORM>
Si noti che l’area di testo si adatta al contenuto.
A.A. 2010-2011
PHP (10)
Radio Button
Vengono inseriti con il tag INPUT e con l’attributo type="radio".
Esempio:
Sesso: <INPUT type="radio" name="sex" value="Maschio"> Maschio
<INPUT type="radio" name="sex" value="Femmina"> Femmina
</FORM>
Si noti che la scelta è mutuamente esclusiva
A.A. 2010-2011
PHP (11)
Check Box
Vengono inseriti con il tag INPUT e con l’attributo type=" checkbox".
Esempio:
Linguaggi conosciuti<BR>
<INPUT type="checkbox" name="html" value="html"> html <BR>
<INPUT type="checkbox" name="css" value="css"> css <BR>
<INPUT type="checkbox" name="jsp" value="javascript"/> JavaScript
</FORM>
Si noti che la scelta NON è mutuamente esclusiva.
A.A. 2010-2011
PHP (12)
Select o menu di opzioni
Grazie al tag <SELECT> è possibile costruire dei menu di opzioni. In questo caso ciascuna voce deve essere compresa
all'interno del tag <OPTION> e il valore deve essere specificato attraverso l'attributo "value". Con “value=-1” si può
indicare la scelta predefinita .
Esempio:
I 7 Giorni della settimana:
<SELECT name="giornoSettimana">
<OPTION value="-1">Giorno della Settimana:</option>
<OPTION value="Lunedì">Lunedì</OPTION>
<OPTION value="Martedì">Martedì</OPTION>
<OPTION value="Mercoledì">Mercoledì</OPTION>
<OPTION value="Giovedì">Giovedì</OPTION>
<OPTION value="Venerdì">Venerdì</OPTION>
<OPTION value="Sabato">Sabato</OPTION>
<OPTION value="Domenica">Domenica</OPTION>
</SELECT>
</FORM>
A.A. 2010-2011
PHP (13)
Submit o pulsante di invio
Viene inserito con il tag INPUT e con l’attributo type="submit".
Esempio:
<FORM method=”post” action=pagSecondaria.php>
<INPUT type="submit" value=Esegui>
</FORM>
A.A. 2010-2011
PHP (14)
Reset o pulsante di cancellazione
Viene inserito con il tag INPUT e con l’attributo type="reset";
Esempio:
<INPUT type="reset" value="cancella">
</FORM>
A.A. 2010-2011
PHP (15)
Un esempio più complesso
Esempio:
<html>
<head>
<title> il mio primo programma</title>
</head>
<body>
<FORM action="prova.php" method=”post” >
Nome:<INPUT type="text" name="nome"><BR>
Sesso:<INPUT type="radio" name="sex" value="Maschio"> Maschio
<INPUT type="radio" name="sex" value="Femmina"> Femmina<BR>
<INPUT type="submit" value="Valida">
<INPUT type="reset" value="Cancella">
</FORM>
</body>
</html>
A.A. 2010-2011
PHP (16)
Un esempio completo
<html>
<head>
<title>Personal INFO</title>
</head>
<body>
<form method="post" action="pagSecondaria.php">
Nome:<input type="text" name="Fname"><br/> Cognome:<input type="text" name="Lname"><br/><br/><br/>
Sesso:<br/>
Maschio:<input type="radio" value="Male" name="sesso"><br />
Femmina:<input type="radio" value="Female" name="sesso"><br/><br/><br/>
Seleziona un livello di studio:<br/><select name="education">
<option value="Jr.High">Jr.High</option>
<option value="HighSchool">HighSchool</option>
<option value="College">College</option></select><br/><br/><br/>
Seleziona il tuo piatto preferito:<br />
Pasta:<input type="checkbox" value="pasta" name="food"><br/>
Pizza:<input type="checkbox" value="pizza" name="food"><br/>
Pollo:<input type="checkbox" value="pollo" name="food"><br/><br/><br/><br/>
<textarea rows="5" cols="20" name="quote">Scrivi qualche commento</textarea><br/><br/><br/><br/>
<INPUT type="submit" value=“esegui"><br/>
<INPUT type="reset" value="cancella">
</form>
</body>
</html>
A.A. 2010-2011

Form HTML - Dipartimento di Matematica e Informatica UNICAL

Transcript

Documenti analoghi

Lezione3-12Maggio2011 [modalità compatibilità]

La Nazione http://sfogliatore.quotidiano.net/webedicola/aviator.php

abstract 8 INGENIO è uno strumento finanziario di Regione

Pagina PHP con colore di sfondo variabile

Campeggio Toscana sul mare Etruria, direttamente sulla spiaggia a

web designer avanzato

Cercasi ingegnere in informatica / web developer

La facoltà di Lettere e Filosofia in chat

APPENDICE A - Hardware e software utilizzati.